@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.TaxRateCrudVm
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Button_Create"];
}

<section id="taxRateCreateContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        <div class="pageDesc">@Localizer["TaxRate_Create_Desc"]</div>
        <form cb-preventsubmit id="frmCreateTaxRate" class="form" asp-controller="TaxRate" asp-action="Create" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#taxRateCreateContainer">
            <div asp-validation-summary="ModelOnly"></div>
	        <input type="hidden" asp-for="Id" />
	        <input type="hidden" asp-for="CountryIso" class="validateAlways"/>
	        <input type="hidden" asp-for="Value" class="validateAlways" />
            
	        <div class="row mb-2">
		        <div class="col-sm-6">
			        <label class="form-label" asp-for="Title"></label>
			        <div class="input-group">
				        <span class="input-group-text"><i class="fa fa-fw fa-coins"></i></span>
				        <input asp-for="Title" class="form-control" />
				        <span asp-validation-for="Title" class="invalid-feedback"></span>
			        </div>
		        </div>
		        <div class="col-sm-6">
			        <label class="form-label" asp-for="CountryIso"></label>
			        <div class="e-input-group">
				        <div class="e-input-group-icon"><i class="fa fa-fw fa-globe"></i></div>
				        <input asp-for="CountryName" class="form-control" />
			        </div>
			        <span asp-validation-for="CountryIso" class="invalid-feedback"></span>
		        </div>
	        </div>
	        <div class="row mb-2">
                <div class="col-sm-6">
                    <label class="form-label" asp-for="Value"></label>
                    <div class="e-input-group">
                        <div class="e-input-group-icon"><i class="fa fa-fw fa-percent"></i></div>
                        <input id="ValueHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                    </div>
                    <span asp-validation-for="Value" class="invalid-feedback"></span>
                </div>
                <div class="col-sm-6">
                    <label class="form-label d-block" asp-for="UseForShipment"></label>
                    <input type="checkbox" asp-for="UseForShipment" class="switch" />
                    <span asp-validation-for="UseForShipment" class="invalid-feedback"></span>
                </div>
	        </div>
            <div class="row mb-2">
                <div class="col-12">
                    <label class="form-label" asp-for="Comment"></label>
                    <div class="input-group">
	                    <span class="input-group-text"><i class="fa fa-fw fa-comment"></i></span>
                        <textarea asp-for="Comment" class="form-control" rows="5"></textarea>
                        <span asp-validation-for="Comment" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
	        <div class="row mb-2">
		        <div class="col-sm-12">
			        <div id="tabContainerText">
				        <div class="e-tab-header">
					        @foreach (var item in Model.TextVms)
					        {
						        <div><img src="~/images/Languages/@(item.Language).png" alt="@item.Language" /></div>
					        }
				        </div>
				        <div class="e-content">
					        @Html.EditorFor(m => m.TextVms)
				        </div>
			        </div>
		        </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", "Country"))
	<system-js url="~/scripts/Views/TaxRate/create.js" fresh-import="true"></system-js>
</section>