@using Microsoft.AspNetCore.Builder
@using Microsoft.AspNetCore.Mvc.Localization
@using Microsoft.AspNetCore.Mvc.TagHelpers
@using Microsoft.Extensions.Localization
@using Microsoft.Extensions.Options
@using gehGassi.Web.Helper
@model gehGassi.Web.Models.ShipmentCostCrudVm
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Button_Create"];
}

<section id="shipmentCostCreateContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        <div class="pageDesc">@Localizer["ShipmentCost_Create_Desc"]</div>
        <form cb-preventsubmit id="frmCreateShipmentCost" class="form" asp-controller="ShipmentCost" asp-action="Create" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#shipmentCostCreateContainer">
            <div asp-validation-summary="ModelOnly"></div>
	        <input type="hidden" asp-for="Id" />
	        <input type="hidden" asp-for="TargetCountryIso" class="validateAlways"/>
            <input type="hidden" asp-for="WeightFrom" class="validateAlways" />
            <input type="hidden" asp-for="WeightTo" class="validateAlways" />
            <input type="hidden" asp-for="SubtotalFrom" class="validateAlways" />
            <input type="hidden" asp-for="SubtotalTo" class="validateAlways" />
            <input type="hidden" asp-for="FixedPrice" class="validateAlways" />
            <input type="hidden" asp-for="SubtotalPercent" class="validateAlways" />
            
	        <div class="row mb-2">
		        <div class="col-sm-6">
			        <label class="form-label" asp-for="TargetCountryIso"></label>
			        <div class="e-input-group">
				        <div class="e-input-group-icon"><i class="fa fa-fw fa-globe"></i></div>
				        <input asp-for="TargetCountryName" class="form-control" />
			        </div>
			        <span asp-validation-for="TargetCountryIso" class="invalid-feedback"></span>
		        </div>
	        </div>
            <div class="row mb-2">
                <div class="col-sm-6">
                    <label class="form-label" asp-for="WeightFrom"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-weight-scale"></i></div>
                        <input id="WeightFromHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="WeightFrom" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-6">
                    <label class="form-label" asp-for="WeightTo"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-weight-scale"></i></div>
                        <input id="WeightToHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="WeightTo" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-6">
                    <label class="form-label" asp-for="SubtotalFrom"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-euro-sign"></i></div>
                        <input id="SubtotalFromHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="SubtotalFrom" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-6">
                    <label class="form-label" asp-for="SubtotalTo"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-euro-sign"></i></div>
                        <input id="SubtotalToHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="SubtotalTo" class="invalid-feedback"></span>
                </div>
            </div>
            <div class="row mb-2">
                <div class="col-sm-6">
                    <label class="form-label" asp-for="FixedPrice"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-euro-sign"></i></div>
                        <input id="FixedPriceHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="FixedPrice" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-6">
                    <label class="form-label" asp-for="SubtotalPercent"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-percent"></i></div>
                        <input id="SubtotalPercentHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="SubtotalPercent" class="invalid-feedback"></span>
                </div>
            </div>
            
            <div class="frow button-row">
                <div class="col-12">
                    <div class="">
                        <button type="button" id="btnSave" class="btn btn-primary">@Localizer["Button_Save"]</button>
                        <button type="button" id="btnCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    @Html.Hidden("jsLookupCountriesUrl", Url.Action("LookupCountries", "ShipmentCost"))
    <system-js url="~/scripts/Views/ShipmentCost/create.js" fresh-import="true"></system-js>
</section>