@model PrimarkAdmin.WebUI.Logic.MVC.Models.TheHotList.Rows.MoodboardControlRenderingModel
@using Primark.Localization
@using Primark.Sitecore.Models.TheHotList

<div class="container-fluid-section moodboard">
    <div class="row-section">
        <div class="col-lg-4-section col-sm-3-section col-xs-7-section">
            @foreach (var item in Model.LeftColumn)
            {
                if (Model.IsLinked)
                {
                    @DisplayLinkedProductDetails(item);
                }
                else
                {
                    @DisplayNoLinkedProductDetails(item);
                }
            }
        </div>
        <div class="col-lg-4-section col-sm-6-section col-xs-5-section">
            @foreach (var item in Model.MiddleColumn)
            {
                if (Model.IsLinked)
                {
                    @DisplayLinkedProductDetails(item);
                }
                else
                {
                    @DisplayNoLinkedProductDetails(item);
                }
            }
        </div>
        <div class="col-lg-4-section col-sm-3-section col-xs-5-section">
            @foreach (var item in Model.RightColumn)
            {
                if (Model.IsLinked)
                {
                    @DisplayLinkedProductDetails(item);
                }
                else
                {
                    @DisplayNoLinkedProductDetails(item);
                }
            }
        </div>
    </div>
</div>
<div class="c-links-list c-moodboard-links-list">
    @foreach (var subcategory in Model.Subcategories)
            {

        <a href="@subcategory.Url" title="@subcategory.Name" class="c-links-list__item c-links-list__item--start"><span class="c-links-list__text">@subcategory.Name</span> <span class="icon-right-open c-links-list__item__arrow"></span></a>
    }
</div>

@helper DisplayNoLinkedProductDetails(MoodboardContentModel item)
{
    <div class="content">
        <img src="@item.ImageUrl" alt="@item.ImageAlt" class="img-responsive">
        @if (Resources.CountryCurrency == "€")
        {
            <span class="item-text product-price">
                @(Model.NoLinked ? item.PriceInteger : item.ProductInfo.PriceInteger).@(Model.NoLinked ? item.PriceDecimal : item.ProductInfo.PriceDecimal) @Resources.CountryCurrency
            </span>
        }
        else
        {
            <span class="item-text product-price">
                @(Model.NoLinked ? string.Format("{0}{1}", Resources.CountryCurrency, @item.PriceInteger) : string.Format("{0}{1}", Resources.CountryCurrency, @item.ProductInfo.PriceInteger)).@(Model.NoLinked ? item.PriceDecimal : item.ProductInfo.PriceDecimal)
            </span>
        }
    </div>
}

@helper DisplayLinkedProductDetails(MoodboardContentModel item)
{
    <div class="content">
        <a href="@item.ProductInfo.Url" title="@item.ProductInfo.Title">
            <img src="@item.ImageUrl" alt="@item.ImageAlt" class="img-responsive">
            @if (Resources.CountryCurrency == "€")
            {
                <span class="product-price">
                    @item.ProductInfo.PriceInteger
                    <sup>.@item.ProductInfo.PriceDecimal</sup> @Resources.CountryCurrency
                </span>
            }
            else
            {
                <span class="product-price">
                    @string.Format("{0}{1}", Resources.CountryCurrency, @item.ProductInfo.PriceInteger)
                    <sup>.@item.ProductInfo.PriceDecimal)</sup>
                </span>
            }
        </a>
        <button class="button-favourite icon-heart-empty" data-businessid="@item.ProductInfo.BusinessId"></button>
    </div>
}