@model ProductDetailsModel

<nop-card asp-name="product-easypost" asp-icon="fas fa-truck" asp-title="@T("Plugins.Shipping.EasyPost.Product")" asp-hide-block-attribute-name="EasyPost.HideProductBlock" asp-hide="false" asp-advanced="false">
    <div class="card-body">
        <div class="card card-default no-margin">
            <div class="card-header">
                @T("Plugins.Shipping.EasyPost.Product.PredefinedPackage")
            </div>
            <div class="card-body">
                <p>
                    There are common carrier-specific packaging as predefined constants you can use.
                    If you're using this for your packaging, you don’t need to specify the dimensions, just the weight.<br />
                    <a href="https://www.easypost.com/service-levels-and-parcels" target="_blank">Here</a> is the full list of predefined packages supported.<br />
                    <br />
                    <em>Note: Predefined packages are only used for a single item in the cart with a quantity of 1, otherwise, the dimensions of all items shipped must be specified.</em>
                </p>
                <div class="form-group row">
                    <div class="col-md-3">
                        <nop-label asp-for="EasyPostPredefinedPackage" />
                    </div>
                    <div class="col-md-9">
                        <nop-select asp-for="EasyPostPredefinedPackage" asp-items="Model.AvailablePredefinedPackages" />
                        <span asp-validation-for="EasyPostPredefinedPackage"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="card card-default no-margin">
            <div class="card-header">
                @T("Plugins.Shipping.EasyPost.Product.CustomsInfo")
            </div>
            <div class="card-body">
                <p>
                    When shipping internationally, carriers require that you add information about the contents of your package.<br />
                    This information is used by the customs process for the country to which you are shipping.<br />
                    To get the Harmonized Tariff Schedule number, you’ll need to look up the harmonization code associated with whatever product you are shipping.
                    You can search for them on <a href="https://hts.usitc.gov/" target="_blank">hts.usitc.gov</a>.<br />
                </p>
                <div class="form-group row">
                    <div class="col-md-3">
                        <nop-label asp-for="EasyPostHtsNumber" />
                    </div>
                    <div class="col-md-9">
                        <nop-editor asp-for="EasyPostHtsNumber" />
                        <span asp-validation-for="EasyPostHtsNumber"></span>
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-3">
                        <nop-label asp-for="EasyPostOriginCountry" />
                    </div>
                    <div class="col-md-9">
                        <nop-select asp-for="EasyPostOriginCountry" asp-items="Model.AvailableCountries" />
                        <span asp-validation-for="EasyPostOriginCountry"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</nop-card>