@using Microsoft.AspNetCore.Mvc.Localization

@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Menu_Cart"];
}
@section pageTitle{ 
    <a href="@Url.Action("Index", "Shop")">@Localizer["Menu_Shop"]</a>
}

<section id="shopIndexContainer">
    
    <div id="list">
        <div class="row mb-2">
            <div class="col-6 col-sm-5 col-md-5 col-lg-3 col-xl-2 form" style="border-right: 0;">
                <h4>@Localizer["Common_Category"]</h4>
                <hr/>
                <div id="categoriesTree"></div>
            </div>
            <div class="col-6 col-sm-7 col-md-7 col-lg-9 col-xl-10 form">
                <div>
                    <input id="search" type="text" class="form-control" placeholder="@Localizer["Common_Placeholder_Search"]" />
                    <div id="productList" class="mt-2">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="detail" style="display: none;">

    </div>
    <div id="shop" style="display: none;"></div>

    @Html.Hidden("jsGetCategoriesCustomer", Url.Action("GetCategoriesCustomer", "Product"))
    @Html.Hidden("jsGetProductsUrl", Url.Action("GetProducts", "Shop"))
    @Html.Hidden("jsGetDetailsUrl", Url.Action("ShowDetails", "Shop"))
    @Html.Hidden("jsAddToCartListingUrl", Url.Action("AddListingToCart", "Shop"))
    @Html.Hidden("jsAddToCartPinUrl", Url.Action("AddPinToCart", "Shop"))
    @Html.Hidden("jsAddToCartBannerUrl", Url.Action("AddBannerToCart", "Shop"))
    @Html.Hidden("jsAddToCartAdvertisementUrl", Url.Action("AddAdvertisementToCart", "Shop"))

    @section ScriptsExternal{
        <environment names="Development">
            <script src="~/lib/uppload/index.umd.js" asp-append-version="false"></script>
        </environment>
        <environment names="Production,Staging,Live">
            <script src="~/lib/uppload/index.umd.min.js" asp-append-version="true"></script>
        </environment>
    }

    @section Scripts{
        <system-js url="~/scripts/Views/Shop/Index.js" fresh-import="true"></system-js>
    }

    @section Css
    {
        <environment names="Development">
            <link href="~/css/Uppload.css" rel="stylesheet" asp-append-version="false">
            <link href="~/css/leaflet.css" rel="stylesheet" asp-append-version="false">
        </environment>
        <environment names="Production,Staging,Live">
            <link href="~/css/Uppload.min.css" rel="stylesheet" asp-append-version="true">
            <link href="~/css/leaflet.min.css" rel="stylesheet" asp-append-version="true">
        </environment>
    }

</section>