@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.BannerCartItemCrudVm
@inject IViewLocalizer Localizer
@{
    string selectedLanguage = ViewBag.SelectedLanguage;
    string fallbackLanguage = ViewBag.FallbackLanguage;
    IStringLocalizer annotationsLocalizer = ViewBag.AnnotationsLocalizer;

    ViewData["Title"] = Localizer["Button_AddToCart"];
    string folderToUse = "temp";

    string budgetText = Localizer["Banner_Budget_Net"].Value;
    if (Model.Tax > 0)
    {
        budgetText = Localizer["Banner_Budget_Gross"].Value;
    }
}

<section id="bannerAddToCartContainer">
    <div>
        <div id="pageTitleAdd" style="display: none;">@ViewData["Title"]</div>
        <div class="pageDesc">@Localizer["Banner_AddToCart_Desc"]</div>
        <form cb-preventsubmit id="frmAddToCartBanner" class="form" asp-controller="Shop" asp-action="AddBannerToCart" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#bannerAddToCartContainer">
            <div asp-validation-summary="ModelOnly"></div>
            <input type="hidden" asp-for="CartId" />
            <input type="hidden" asp-for="CartItemId" />
            <input type="hidden" asp-for="ProductId" class="validateAlways" />
            <input type="hidden" asp-for="CustomerId" class="validateAlways" />
            <input type="hidden" asp-for="Image" class="validateAlways" />
            <input type="hidden" asp-for="ProductName" />
            <input type="hidden" asp-for="BannerSize" />
            <input type="hidden" asp-for="BannerLocation" />
            <input type="hidden" asp-for="PriceType" />
            <input type="hidden" asp-for="PriceAliquotType" />
            <input type="hidden" asp-for="ProductStartType" />
            <input type="hidden" asp-for="CountryCode" class="validateAlways" />
            <input type="hidden" asp-for="State" class="validateAlways" />
            <input type="hidden" asp-for="Budget" class="validateAlways" />
            <input type="hidden" asp-for="Price" />
            <input type="hidden" asp-for="PriceGross" />
            <input type="hidden" asp-for="Price2" />
            <input type="hidden" asp-for="Price2Gross" />
            <input type="hidden" asp-for="Tax" />

            <div id="tabContainer">
                <div class="e-tab-header">
                    <div>@Localizer["Common_Tab_Details"]</div>
                    <div>@Localizer["Common_Tab_Description"]</div>
                </div>
                <div class="e-content">
                    <div class="pt-3 ">
                        <h4>@Model.ProductName</h4>
                        <div class="mb-2"><span class="fw-bold">@annotationsLocalizer["Banner_BannerLocation"]</span>: <span>@Model.BannerLocation.GetDisplayName(annotationsLocalizer)</span> | <span class="fw-bold">@annotationsLocalizer["Banner_BannerSize"]</span>: <span>@Model.BannerSize.GetDisplayName(annotationsLocalizer)</span></div>
                        
                        @if (Model.Tax > 0)
                        {
                            <div class="mb-2">
                                @if (Model.PriceGross > 0)
                                {
                                    <span class="me-2"><span class="fw-bold">@Localizer["Common_Price"]</span>: € @Model.PriceGross.ToString("n2") @Localizer["Common_InclTax"] / @Localizer["Common_Per_View"]</span>
                                }
                                @if (Model.Price2Gross > 0)
                                {
                                    <span><span class="fw-bold">@Localizer["Common_Price"]</span>: € @Model.Price2Gross.ToString("n2") @Localizer["Common_InclTax"] / @Localizer["Common_Per_Click"]</span>
                                }
                            </div>
                        }
                        else
                        {
                            <div class="mb-2">
                             @if (Model.PriceGross > 0)
                             {
                                 <span class="me-2"><span class="fw-bold">@Localizer["Common_Price"]</span>: € @Model.Price.ToString("n2")  / @Localizer["Common_Per_View"]</span>
                             }
                             @if (Model.Price2Gross > 0)
                             {
                                 <span><span class="fw-bold">@Localizer["Common_Price"]</span>: € @Model.Price2.ToString("n2") / @Localizer["Common_Per_Click"]</span>
                             }
                         </div>
                        }
                        
                        <div class="mb-2 info-small"><span class="fw-bold">@annotationsLocalizer["Product_ProductStartType"]</span>: <span>@Model.ProductStartType.GetDisplayName(annotationsLocalizer)</span></div>
                        <div class="row mb-2">
                            <div class="col-sm-4">
                                <label class="form-label" asp-for="StartDate"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-calendar-plus"></i></div>
                                    <input asp-for="StartDate" class="form-control" />
                                </div>
                                <span asp-validation-for="StartDate" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-4">
                                <label class="form-label required" for="Budget">Budget <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" title="@budgetText" style="cursor: pointer"></i></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-euro-sign"></i></div>
                                    <input id="BudgetHelper" class="form-control" autocomplete="off" list="autocompleteOff" />
                                </div>
                                <span asp-validation-for="Budget" class="invalid-feedback"></span>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-sm-6">
                                <label class="form-label" asp-for="CountryCode"></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="CountryCode" class="invalid-feedback"></span>
                            </div>
                            <div class="col-sm-6">
                                <label class="form-label" asp-for="State"></label>
                                <div class="e-input-group">
                                    <div class="e-input-group-icon"><i class="fa fa-fw fa-map"></i></div>
                                    <input asp-for="StateName" class="form-control" />
                                </div>
                                <span asp-validation-for="State" class="invalid-feedback"></span>
                            </div>
                        </div>
                        <div class="row mb-4">
                            <div class="col-sm-12">
                                <label class="form-label" asp-for="Url"></label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fa fa-link"></i></span>
                                    <input asp-for="Url" class="form-control" />
                                    <span asp-validation-for="Url" class="invalid-feedback"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-12 col-sm-12 col-md-6 col-lg-5">
                                <div class="text-center">
                                    @if (!string.IsNullOrWhiteSpace(Model.Image))
                                    {
                                        <img id="image" src="/file/temp/@Model.Image" class="banner-image upload-image-320-50-container" alt="" />
                                    }
                                    else
                                    {
                                        <img id="image" class="banner-image upload-image-320-50-container" alt="" />
                                    }
                                </div>
                                <div class="text-center">
                                    <span asp-validation-for="Image" class="invalid-feedback"></span>
                                </div>
                                <div class="text-center mt-2">
                                    <button type="button" id="btnUploadImage" class="btn btn-primary btn-sm"><i class="fa fa-fw fa-edit"></i></button>
                                    <button type="button" id="btnDeleteImage" class="btn btn-primary btn-sm" style="display: none;"><i class="fa fa-fw fa-trash"></i></button>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-6 col-lg-7">
                                <div class="alert alert-info">
                                    <p>@Localizer["Banner_AddToCart_Image_Desc"]</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pt-3 ">
                        <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, new{FolderToUse = folderToUse})
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row button-row">
                <div class="col-12">
                    <div class="">
                        <button type="button" id="btnSave" class="btn btn-primary"><i class="fa fa-cart-plus"></i> @Localizer["Button_AddToCart"]</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"))
    @Html.Hidden("jsLookupStatesUrl", Url.Action("LookupStates", "Country"))
    @Html.Hidden("jsUploadUrl", Url.Action("UploadTempFile", "Common"))
    @Html.Hidden("jsRemoveUrl", Url.Action("RemoveTempFile", "Common"))
    <system-js url="~/scripts/Views/Shop/AddBannerToCart.js" fresh-import="true"></system-js>
</section>