@using FoodBank.BusinessLogic.Extentions
@using FoodBank.Domain.Models.Products
@using FoodBank.Public.Helpers
@using System.Globalization
@using FoodBank.Public.ViewModels.ContactUs

@model FoodBank.Public.ViewModels.Catalog.ProductsViewModel
@{
    ViewBag.Title = "Products";
    Layout = "~/Views/Shared/_Layout.cshtml";

    var culture = CultureInfo.GetCultureInfo(1033);
}

<div class="main-block__wrap">
    <div class="main-block__item">
        <div class="main-block__title">Products@(string.IsNullOrWhiteSpace(Model.Category) ? "" : string.Format(": {0}", Model.Category))</div>
        <div class="product-list">
            @foreach (Product item in Model.Products)
            {
                string productName = item.Name.Length > 15 ? string.Format("{0}...", item.Name.Substring(0, 10)) : item.Name;

                ProductImage image = item.Images.FirstOrDefault(x => x.IsMain) ?? item.Images.FirstOrDefault();

                string mainImageUrl = image != null ? UrlBuilder.BuildProductImageUrl(image.Name, true) : String.Empty;

                if (item.TodaysDeal && item.IsSpecialPriceApplicableForNow())
                {
                    <div class="special-product-info__wrap">
                        <div class="special-product-info__item">

                            <div class="special-product-info__title">Special Deals</div>
                            <div class="special-product-image__wrap">
                                <a href="@Url.Action(MVC.Catalog.Product(item.Id))" style="background-image: url(@mainImageUrl)" aria-label="Details about @item.Name"></a>
                            </div>
                            <div class="special-product-info">
                                <div class="special-product-info__name">
                                    <a href="@Url.Action(MVC.Catalog.Product(item.Id))">@productName</a>
                                </div>
                                @Html.Partial(MVC.Review.Views.RatingStars, item.Rate)
                                <div class="foodpoints product-info__content--margin">
                                    @Html.Partial(MVC.Shared.Views._FoodPoints, @item)
                                </div>
                                <div class="special-product-info__price-wrap">
                                    <div class="special-product-info__price special-product-info__price--regular">
                                        @item.GetActualPrice().ToString("C", culture)
                                    </div>
                                    <div class="special-product-info__price special-product-info__price--special">
                                        @item.RegularPrice.ToString("C", culture)
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                }
                else
                {
                    <div class="product-card">
                        @{
                            var cssClass = item.IsNew() ? "new" : "";
                            cssClass = item.IsSpecialPriceApplicableForNow() ? "sale" : "";
                        }

                        <div class="image">
                            <a href="@Url.Action(MVC.Catalog.Product(item.Id))" style="background-image: url(@mainImageUrl)" aria-label="Details about @item.Name"></a>
                        </div>

                        <div class="status @cssClass"></div>

                        <div class="content">

                            <div class="name">@productName</div>
                            @Html.Partial(MVC.Review.Views.RatingStars, item.Rate)
                            <div class="foodpoints">
                                @Html.Partial(MVC.Shared.Views._FoodPoints, item)
                            </div>
                            @if (item.Quantity >= 3)
                            {
                                <div class="price-wrap">
                                    <div class="price">@item.GetActualPrice().ToString("C", culture)</div>
                                    <div class="price">@item.RegularPrice.ToString("C", culture)</div>
                                </div>

                            }
                            else
                            {
                                <span class="out-of-stock">Out of stock</span>
                            }
                            <div class="action-container">
                                @if (item.Quantity >= 3)
                                {
                                    <button type="button" class="action add-to-cart" data-url="@Url.Action(MVC.Cart.AddOrUpdate(item.Id))" data-productid="@item.Id">
                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                                    </button>
                                }
                                <a class="action" href="@Url.Action(MVC.Catalog.Product(item.Id))" aria-label="Details about @item.Name">
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                }
            }
        </div>
    </div>
    @if (Model.Pager.TotalPages > 1)
    {
        <div class="main-block__item">
            @PagerHelper.Pagination(@Model.Pager.PreviousPage, @Model.Pager.NextPage, Model.Pager.Links)
        </div>
    }
</div>

@Html.Partial(MVC.Shared.Views._ContactUsPopup, new ContactUsCreateViewModel { })