@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
@using gehGassi.Web.Models
@model gehGassi.Web.Models.ShopSettingsVm
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Button_Edit"];
}

<section id="shopSettingsEditContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        
        <form cb-preventsubmit id="frmEditShopSettings" class="form" asp-controller="ShopSettings" asp-action="Edit" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#shopSettingsEditContainer">
            <div asp-validation-summary="ModelOnly"></div>
	        <input type="hidden" asp-for="Id" />
            
            <div class="group mt-2">
                <div class="group-header">@Localizer["Common_Group_Email"]</div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="OrderEmail"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa fa-fw fa-envelope"></i></span>
                            <input asp-for="OrderEmail" class="form-control" />
                            <span asp-validation-for="OrderEmail" class="invalid-feedback"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="group mt-4">
                <div class="group-header">@Localizer["Common_Group_Shipment"]</div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="ShipmentCalculationType"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa fa-fw fa-calculator"></i></span>
                            <select asp-for="ShipmentCalculationType" class="form-control" asp-items="Html.GetEnumSelectList<ShipmentCalculationTypeVm>()"></select>
                            <span asp-validation-for="ShipmentCalculationType" class="invalid-feedback"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="group mt-4">
                <div class="group-header">@Localizer["Common_Group_Invoice"]</div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label d-block" asp-for="PaymentOnInvoice"></label>
                        <input type="checkbox" asp-for="PaymentOnInvoice" class="switch"/>
                        <span asp-validation-for="PaymentOnInvoice" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="group mt-4">
                <div class="group-header">@Localizer["Common_Group_PayPal"]</div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label d-block" asp-for="PayPalEnabled"></label>
                        <input type="checkbox" asp-for="PayPalEnabled" class="switch"/>
                        <span asp-validation-for="PayPalEnabled" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="PayPalClientId"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa-brands fa-fw fa-paypal"></i></span>
                            <input asp-for="PayPalClientId" class="form-control"/>
                            <span asp-validation-for="PayPalClientId" class="invalid-feedback"></span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="PayPalSecret"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa fa-fw fa-key"></i></span>
                            <input asp-for="PayPalSecret" class="form-control"/>
                            <span asp-validation-for="PayPalSecret" class="invalid-feedback"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="group mt-4">
                <div class="group-header">@Localizer["Common_Group_Klarna"]</div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label d-block" asp-for="KlarnaEnabled"></label>
                        <input type="checkbox" asp-for="KlarnaEnabled" class="switch"/>
                        <span asp-validation-for="KlarnaEnabled" class="invalid-feedback"></span>
                    </div>
                </div>
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="KlarnaClientId"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa-brands fa-fw fa-kickstarter"></i></span>
                            <input asp-for="KlarnaClientId" class="form-control"/>
                            <span asp-validation-for="KlarnaClientId" class="invalid-feedback"></span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="form-label" asp-for="KlarnaSecret"></label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa fa-fw fa-key"></i></span>
                            <input asp-for="KlarnaSecret" class="form-control"/>
                            <span asp-validation-for="KlarnaSecret" class="invalid-feedback"></span>
                        </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>
                    </div>
                </div>
            </div>
        </form>
    </div>
    
    <system-js url="~/scripts/Views/ShopSettings/edit.js" fresh-import="true"></system-js>
</section>