@{
    ViewBag.Title = "Menu";
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}

<link rel="stylesheet" href="~/Content/assets/css/library.css" />
<link rel="stylesheet" href="~/Content/assets/css/home-voca.css" />

@*@using NEducation.NEduService;*@
@using NEducation.Code;
@using NEducation.Content.Texts;
@using NEducation.Controllers;

@model NEducation.Models.HfModel
@using System.Globalization;
@using System.Linq;
@using System.Threading;
@{
    List<HfData> hfDatas = Session["categories"] as List<HfData>;
    HfData menu = hfDatas.Find(x => x.PathParent == "/menu");
    HfData gym = hfDatas.Find(x => x.PathParent == "/gym");
    HfData nutrition = hfDatas.Find(x => x.PathParent == "/nutrition");
}

@{
    CultureInfo currentCulture = Thread.CurrentThread.CurrentCulture;
    String nameCulture = currentCulture.Name;
}

@section navMenu{
    <a href="/Home/" class="nav-link">@Lang.Home</a>
    <a href="/HomeFitness/Menu?id=@(menu != null ? menu.Id : "")" class="navigation-all nav-link">@Lang.menu</a>
    @*Không Ngôn Ngữ*@
    @*<a href="/HomeFitness/Menu?id=@(nutrition != null ? nutrition.Id : "")" class="navigation-all nav-link">@Lang.nutrition</a>*@
    <a href="/HomeFitness/Menu?id=@(nutrition != null ? nutrition.Id : "")" class="navigation-all nav-link">nutrition</a>

    <a href="/HomeFitness/Menu?id=@(gym != null ? gym.Id : "")" class="navigation-all nav-link">@Lang.gym</a>
}

@section menu{
    <a href="/Home/" class="header-menu-link ">@Lang.Home</a>
    <a href="/HomeFitness/Menu?id=@(menu != null ? menu.Id : "")" class="navigation-all header-menu-link">@Lang.menu</a>
    @*Không Ngôn Ngữ*@
    @*<a href="/HomeFitness/Menu?id=@(nutrition != null ? nutrition.Id : "")" class="navigation-all header-menu-link ">@Lang.nutrition</a>*@
    <a href="/HomeFitness/Menu?id=@(nutrition != null ? nutrition.Id : "")" class="navigation-all header-menu-link ">nutrition</a>

    <a href="/HomeFitness/Menu?id=@(gym != null ? gym.Id : "")" class="navigation-all header-menu-link ">@Lang.gym</a>
}

<div class="library-main-container">
    @*<a href="https://pronunciation.voca.vn" target="_blank">
            <img style="width: 100%;" alt="voca promotion" src="~/Content/assets/imgs/ra-mat-voca-pro.jpg" />
        </a>*@
    <!-- HEADER -->
    <div class="library-header">
        <div class="library-cover">

            <div class="cover-center">
                <div>
                    <div>
                        <h1 class="library-title">
                            HOME FITNESS
                        </h1>
                        <h2 class="library-description">
                            @{
                                if (nameCulture == "vi")
                                {
                                    @Model.hfDataParent.NameGlobal
                                }
                                else
                                {
                                    @Model.hfDataParent.NameLocal
                                }
                            }
                        </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- BODY -->
    <div class="library-body">
        <div class="body-cover">
            <!-- List product -->
            <div class="row library-list-product">
                @{
                    for (int i = 0; i < Model.hfDatas.Count; i++)
                    {
                        if (Model.hfDataParent.PathParent == "/nutrition")
                        {
                            <div class="col-md-6 col-xs-12 col-sm-6 library-product">
                                <a href="/HomeFitness/MenuDetail?id=@Model.hfDatas[i].Id" class="library-product-cover">
                                    <img class="product-image" alt="product" src="~/Content/assets/homefitness/imgs/Home Fitness_image/@Model.hfDatas[i].Icon" />
                                    <p class="product-name">
                                        @{
                                            if (nameCulture == "vi")
                                            {
                                                @Model.hfDatas[i].NameGlobal
                                            }
                                            else
                                            {
                                                @Model.hfDatas[i].NameLocal
                                            }
                                        }
                                    </p>
                                    <p class="product-description">
                                        @{
                                            if (nameCulture == "vi")
                                            {
                                                @Model.hfDatas[i].DescriptionGlobal
                                            }
                                            else
                                            {
                                                @Model.hfDatas[i].DescriptionLocal
                                            }
                                        }
                                    </p>
                                </a>
                            </div>
                        }
                        else
                        {
                            <div class="col-md-6 col-xs-12 col-sm-6 library-product">
                                <a href="/HomeFitness/MenuDetail?id=@Model.hfDatas[i].Id" class="library-product-cover">
                                    <img class="product-image" alt="product" src="~/Content/assets/homefitness/imgs/Home Fitness_image/@Model.hfDatas[i].Icon" />
                                    <p class="product-name">
                                        @{
                                            if (nameCulture == "vi")
                                            {
                                                @Model.hfDatas[i].NameGlobal
                                            }
                                            else
                                            {
                                                @Model.hfDatas[i].NameLocal
                                            }
                                        }
                                    </p>
                                    <p class="product-description">
                                        @{
                                            if (nameCulture == "vi")
                                            {
                                                @Model.hfDatas[i].DescriptionGlobal
                                            }
                                            else
                                            {
                                                @Model.hfDatas[i].DescriptionLocal
                                            }
                                        }
                                    </p>
                                </a>
                            </div>
                        }

                    }
                }
            </div>

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


<script src="~/Content/assets/js/library.js" type="text/javascript"></script>