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

<link rel="stylesheet" href="~/Content/assets/css/animate.css" />
<link rel="stylesheet" href="~/Content/assets/css/home.css" />
<script src="~/Content/assets/js/wow.min.js" type="text/javascript"></script>

@using NEducation.Code;
@using NEducation.Controllers;

@section navMenu{
    <a href="/Home/" class="nav-link">@Lang.Home</a>
    <a href="/Home/EnglishIndex/" class="navigation-all nav-link" typeLanguage="@UtilsController.Constant.ENGLISH">@Lang.english</a>
    @*<a href="/Home/VietnameseIndex/" class="navigation-all nav-link" typeLanguage="@UtilsController.Constant.VIETNAMESE">@Lang.vietnamese</a>
    <a href="/Home/LaosIndex/" class="navigation-all nav-link" typeLanguage="@UtilsController.Constant.LAOS">@Lang.laos</a>*@
    @*<div class="dropdown nav-link">
        <button onclick="myFunction()" class="dropbtn">
            E-Library
            <img src="~/Content/assets/imgs/giphy.gif" style=" width: 50px;" />
        </button>
        <div id="myDropdown" class="dropdown-content">
            <a href="/Ebook/">@Lang.Ebook</a>
            <a href="/Ebook/Video">Children's Video</a>
        </div>
    </div>
    <a href="/HomeFitness" class="navigation-all nav-link">Home fitness</a>*@
}

<script>

</script>

@section menu{
    <a href="/Home/" class="header-menu-link ">@Lang.Home</a>
    <a href="/Home/EnglishIndex/" class="navigation-all header-menu-link" typeLanguage="@UtilsController.Constant.ENGLISH">@Lang.english</a>
    @*<a href="/Home/VietnameseIndex/" class="navigation-all header-menu-link" typeLanguage="@UtilsController.Constant.VIETNAMESE">@Lang.vietnamese</a>
    <a href="/Home/LaosIndex/" class="navigation-all header-menu-link" typeLanguage="@UtilsController.Constant.LAOS">@Lang.laos</a>*@
    @*<a href="#" class="header-menu-link ">
            @Lang.Ebook
            <img src="~/Content/assets/imgs/giphy.gif" style=" width: 50px;" />
        </a>*@
    @*<li class="menu-item-has-children header-menu-link ">
        <a href="#" class="">
            E-Library
            <img src="~/Content/assets/imgs/giphy.gif" style=" width: 50px;" />
        </a>
        <ul class="" style=" margin-left: 20px;">
            <li><a href="/Ebook/">@Lang.Ebook</a></li>
            <li><a href="/Ebook/Video">Children's Video</a></li>
        </ul>
    </li>

    <a href="/HomeFitness" class="navigation-all header-menu-link">Home fitness</a>*@
}


<input type="hidden" id="current-url" value="">
@using NEducation.Content.Texts;

@*@{
    if (Model.uuid != null)
    {
        // nhan dien thue bao
        <script>
            console.log("nhan dien thue bao");
            var formData = new FormData();
            formData.append('uuid', '@Model.uuid');

            let urlGet = '@UtilsController.WsType.URL_GET_MSISDN';
            $.ajax({
                type: "POST",
                url: urlGet,
                processData: false,
                contentType: false,
                datatype: "jsonp",
                data: formData,
                success: function (data) {
                    console.log("res: " + data);
                    if (data.code == "200") {
                        let errorCode = data.errorCode;
                        if (errorCode == "200") {
                            msisdnAuto = data.data.msisdn;
                            console.log("msisdnAuto: " + msisdnAuto);
                            window.location.href = "/Home?phoneNumber=" + msisdnAuto;
                        }

                    }
                },
                failure: function (data) {
                    console.log("failure: " + data.responseText);
                },
                error: function (data) {
                    console.log("error: " + data.responseText);
                }
            });
            console.log("nhan dien thue bao done");
        </script>
    }
    else
    {*@
<div class="container-fluid" id="page-home-top">
    <span class="project-balloon balloon-3 voca-dream"></span>
    <div id="top-title-padding">
        <img src="~/Content/assets/imgs/WhatsApp Image 2021-09-14 at 14.25.03.jpeg" />
    </div>

    <div class="intro-container">
        <h1>
            @Lang.welcomeToUstudy
        </h1>
        <h2>
            @(Lang.intelligentSystem.ToUpper())
        </h2>
    </div>

    <div class="row all-course-language-container">
        @*<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" style=" margin: 20px 0; text-align: -webkit-center;">
            <div class="course-container" style="background-color: #002868" onclick="checkToRedirect('/Home/LaosIndex', @UtilsController.Constant.LAOS); return 0;">
                <div class="course-box">
                    <img src="~/Content/assets/imgs/Flag_of_Laos.png" />
                    <div class="course-content">
                        <p>@(Lang.laos.ToUpper())</p>
                    </div>
                </div>
                <div class="free-float-box">
                    <img src="~/Content/assets/imgs/giphy.gif" />
                </div>
            </div>
        </div>*@

        @*<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" style=" margin: 20px 0; text-align: -webkit-center;">
            <div class="course-container" style="background-color: #FFCD00" onclick="checkToRedirect('/Home/VietnameseIndex', @UtilsController.Constant.VIETNAMESE); return 0;">
                <div class="course-box">
                    <img src="~/Content/assets/imgs/Flag_of_vietnam.png" />
                    <div class="course-content">
                        <p>@(Lang.vietnamese.ToUpper())</p>
                    </div>
                </div>
                <div class="free-float-box">
                    <img src="~/Content/assets/imgs/giphy.gif" />
                </div>
            </div>
        </div>*@

        @*<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" style=" margin: 20px 0; text-align: -webkit-center;">
            <div class="course-container" style="background-color: #CF142B" onclick="checkToRedirect('/Home/EnglishIndex', @UtilsController.Constant.ENGLISH); return 0;">
                <div class="course-box">
                    <img src="~/Content/assets/imgs/Flag_of_England.png" />
                    <div class="course-content">
                        <p>@(Lang.english.ToUpper())</p>
                    </div>
                </div>
            </div>
        </div>*@

        @*<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" style=" margin: 20px 0; text-align: -webkit-center;">
            <div class="course-container" style="background-color: #CF142B" onclick="checkToRedirect('/HomeFitness', @UtilsController.Constant.HOMEFITNESS); return 0;">
                <div class="course-box">
                    <img src="~/Content/assets/imgs/Flag_of_Laos.png" />
                    <div class="course-content">
                        <p>HOME FITNESS</p>
                    </div>
                </div>
            </div>
        </div>*@
    </div>


    <div class="row img-motocycle">
        <span class="project-balloon balloon-1"></span>
        <div class="travel-voca-content">
            @*<img class="wow bounceInLeft" data-wow-duration="2s" src="~/Content/assets/imgs/travel-voca.png" alt="voca travel" />*@
        </div>

    </div>

    @*<script>
            window.addEventListener('load', function () {
                console.log("account-dialog");
                this.alert(this.window.location.href);
            })
        </script>*@

    @{
        UserInfo userInfo = Session["userInfo"] as UserInfo;

        if (Model.uuid != null && userInfo != null)
        {
            <script>
                window.addEventListener('load', function () {
                    console.log("account-dialog");
                    $('#account-dialog').modal('show');
                    @*$('#inform-pass').html("Your password is " + @userInfo.pass);*@
                })

            </script>
        }

    }
</div><!--end page-home-top-->
@*}
    }*@