metphone
/
EDU


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
@using NEducation.Controllers;
@using NEducation.Code;
@using NEducation.Content.Texts; 

<head>
    <meta name="robots" content="noodp,index,follow" />
    <meta name='revisit-after' content='1 days' />
    <meta name="csrf-token" content="5CChpP1nW0IzAl0Exs81tfLMvtbdMeZ1HzM0VwCC" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="canonical" href="#" />
    <meta name="author" content="nedu" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MEDU | SMART ENGLISH LEARNING SYSTEM</title>
    <meta name="description" content="" />
    <meta name="keywords" content="edu, nedu, natcom" />
    <meta name="author" content="NEDU" />
    <meta property="og:title" content="MEDU | SMART ENGLISH LEARNING SYSTEM" />
    <meta property="og:type" content="video.movie" />
    <meta property="og:description" content="#" />
    <meta property="og:image" content="~/Content/assets/imgs/voca-register.png" />

    <style type="text/css">
        @@font-face {
            font-family: 'Lao_Font';
            src: url("/Content/assets/fonts/Phetsarath_OT.ttf");
        }

        body {
            font-family: 'Lao_Font';
        }
    </style>

    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/voca-application.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/voca-main.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/animate.min.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/slippry.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/home.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/m.home.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/style.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/dialog.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/components.min.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/homefitness/css/hf-main.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/dropdown.css" />


    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />

    @*<link rel="stylesheet" href="~/Content/assets/css/style.css" />*@

    <script type="text/javascript" src="~/Content/assets/js/lang-vi.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/config.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/voca-main.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/voca-application.js"></script>

    <script type="text/javascript" src="~/Content/assets/js/slippry.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/wow.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/home.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/m.home.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/jssor.slider.min.js"></script>
    <script type="text/javascript" src="~/Content/assets/js/cocos2d-js-v3.13-lite.js"></script>


    <link href="~/Content/assets/icons/fontawesome-free-5.15.3-web/fontawesome-free-5.15.3-web/css/fontawesome.css" rel="stylesheet" />
    <link href="~/Content/assets/icons/fontawesome-free-5.15.3-web/fontawesome-free-5.15.3-web/css/brands.css" rel="stylesheet" />
    <link href="~/Content/assets/icons/fontawesome-free-5.15.3-web/fontawesome-free-5.15.3-web/css/solid.css" rel="stylesheet" />


    @*Mini_Game*@
    @*<link rel="stylesheet" href="~/Content/assets/mini_game/lib/bootstrap/dist/css/bootstrap.min.css" />*@
    <link href="~/Content/assets/mini_game/css/minigame_global.css" rel="stylesheet" />
    <link href="~/Content/assets/mini_game/css/minigame_main.css" rel="stylesheet" />
    <link href="~/Content/assets/mini_game/css/minigame_history.css" rel="stylesheet" />
    @*<script src="~/Content/assets/mini_game/lib/jquery/dist/jquery.min.js"></script>*@
    <script src="~/Content/assets/mini_game/js/framework.js"></script>
    <script src="~/Content/assets/mini_game/js/minigame_function.js"></script>
    <script src="~/Content/assets/mini_game/js/function.js"></script>
    
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet" />


    @* recaptcha *@
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async async=async defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer defer=defer>
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async=async src="https://www.googletagmanager.com/gtag/js?id=G-53TQZ19GSM"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'G-53TQZ19GSM');
    </script>
</head>

@{
    var msisdn = "";
    var displayGuest = "";
    var displayUser = "";
    var displaySub = "";
    var subType = 0;
    var profile = Session["profile"] as UserProfile;
    var name = "";
    String msisdnDetect = Session["msisdnDetect"] as String;
    String mToken = Session["Token"] as String;

    List<SubInfo> listSub = Session["subInfo"] as List<SubInfo>;
    List<SubInfo> homefitness = new List<SubInfo>();
    List<SubInfo> english = new List<SubInfo>();
    if (listSub != null)
    {
        homefitness = listSub;
        english = listSub;
    }
    if (profile != null)
    {
        msisdn = Session["msisdn"] as string;
        name = profile.fullName;
        displayGuest = "none";
        displayUser = "inherit";

        displaySub = "none";
        subType = 1;

    }
    else
    {
        displayGuest = "inherit";
        displayUser = "none";
        displaySub = "none";
    }
}

<input type="hidden" value="@msisdn" id="msisdn" />
<body>

    <div id="fb-root"></div>
    <!--BEGIN CONTENT-->
    <div id="voca-wrap">

        @Html.AntiForgeryToken()

        <div class="main-header" style=" text-align: -webkit-center;">
            <div class="main-header-cover">
                <a class="header-logo" href="/Home">
                    <!--logo-->
                    <img src="~/Content/assets/imgs/student.png" />
                </a>
                <div class="header-middle">
                    <span class="header-menu-icon"></span>
                </div>

                <div class="header-nav">
                    @RenderSection("navMenu", false)
                </div>

                <div class="header-menu">
                    @RenderSection("menu", false)
                    <div style="display:@displayGuest" id="menu-guest">
                        <a data-toggle="modal"
                           @*data-target="#login-dialog" *@
                           class="header-menu-link" onclick="loginByUniId();">@Lang.SignIn</a>

                        @*<a data-toggle="modal" data-target="#choose-language-dialog" class="header-menu-link">@Lang.SignUp</a>*@
                        @if (mToken != null)
                        {
                            <a data-toggle="modal" data-target="#choose-language-dialog" class="header-menu-link">@Lang.SignUp</a>
                        }
                        else
                        {
                            <a data-toggle="modal" data-target="#modal-dialog-new" class="header-menu-link">@Lang.SignUp</a>
                        }
                    </div>
                    <div style="display:@displayUser" id="menu-user">
                        @{
                            if (english == null || english.Count == 0 || homefitness == null || homefitness.Count == 0)
                            {
                                if (mToken != null)
                                {
                                    <a data-toggle="modal" data-target="#choose-language-dialog" class="main-header-button-login header-menu-link">@Lang.SignUp</a>
                                }
                                else { <a data-toggle="modal" data-target="#modal-dialog-new" class="main-header-button-login header-menu-link">@Lang.SignUp</a> }

                            }
                        }
                        <a class="header-menu-link" onclick="GetRank()">Rank</a>
                        <a id="btn-subscribe1" class="header-menu-link btn-subscribe" style="display:@displaySub">@Lang.Subscriber</a>
                        <a href="/Home/Profile" class="header-menu-link">@Lang.Profile</a>
                        <a href="/Home/Logout" class="header-menu-link">@Lang.Logout</a>
                    </div>
                </div>


                <div class="header-right">
                    <div class="new-footer-img-ad" style="display:inline-block">
                        <a href="" class="btn setLang" data-lang="km" lang="km">
                            <img src="/Content/assets/imgs/Flag_of_Cambodia.png" title="Cam" />
                        </a>
                        @*<a href="" class="btn setLang" data-lang="vi" lang="vi">
                            <img src="/Content/assets/imgs/flag_vn.png" title="English" />
                        </a>*@
                        <a href="" class="btn setLang" data-lang="en" lang="en">
                                <img src="/Content/assets/imgs/Flag_of_the_United_Kingdom.png" title="USA" />
                            </a>
                    </div>
                </div>
                <div class="header-right">
                    <div style="display:@displayGuest" id="menu-right-guest">
                        <a data-toggle="modal"
                           @* data-target="#login-dialog"*@
                           class="main-header-button-login" onclick="loginByUniId();">@Lang.SignIn</a>
                        @if (mToken != null)
                        {
                            <a data-toggle="modal" data-target="#choose-language-dialog" class="main-header-button-login btn-register">@Lang.SignUp</a>
                        }
                        else
                        {
                            <a data-toggle="modal" data-target="#modal-dialog-new" class="main-header-button-login header-menu-link">@Lang.SignUp</a>
                        }
                        
                    </div>

                    <div style="display:@displayUser" id="menu-right-user">
                        @{
                            if (english == null || english.Count == 0 || homefitness == null || homefitness.Count == 0)
                            {
                                    @*<a data-toggle="modal" data-target="#choose-language-dialog" class="main-header-button-login header-menu-link">@Lang.SignUp</a>*@
                                if (mToken != null)
                                {
                                    <a data-toggle="modal" data-target="#choose-language-dialog" class="main-header-button-login header-menu-link">@Lang.SignUp</a>
                                }
                                else
                                { 
                                    <a data-toggle="modal" data-target="#modal-dialog-new" class="main-header-button-login header-menu-link">@Lang.SignUp</a>
                                }
                             }
                        }
                        <a class="main-header-button-login" onclick="GetRank()">@Lang.Rank</a>
                        <a id="btn-subscribe2" class="main-header-button-login btn-register btn-subscribe" style="display:@displaySub">@Lang.Subscriber</a>
                        <div class="header-avatar" style="display:inline-block;">
                            <div class="dropdown">
                                <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i style="color:white">
                                        @Lang.Welcome
                                    </i>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a href="/Home/Profile">@Lang.Profile</a></li>
                                    <li><a href="#" class="btn-subscribe" style="display:@displaySub">@Lang.Subscriber</a></li>
                                    <li><a href="/Home/Logout">@Lang.Logout</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        @* Hello *@
        <script type="text/javascript">
            $('.header-middle').click(function () {
                $('.main-header .header-menu').slideToggle(300);
            });
            $('.header-menu-link.menu-link-course').click(function () {
                $('.main-header .link-course-group').slideToggle();
            });

            $('.nav-link-menu').click(function () {
                $('.main-header .link-nav-group').slideToggle();
            });

            function loginByUniId() {

                $('#login-dialog').modal('show');
            }
        </script>

        <div class="main-wrapper">
            @RenderBody()
        </div>

        <footer class="footer-container">
            <div class="footer-cover">
                <div class="row">
                    <div class="col-xs-8 col-sm-4 col-md-5" style=" text-align: initial;">
                        <p class="footer-title">@Lang.About</p>
                        <p class="footer-link">
                            <b>
                                @Lang.USTUDYProvidesLessonsAbout4Skills
                            </b>
                        </p>
                        <p class="footer-link">
                            @Lang.Improve4Skills
                        </p>
                        <p class="footer-link">
                            @Lang.MoreChancesToImproveYourIncome
                        </p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-md-2" style=" text-align: initial;">
                        <p class="footer-title">@Lang.Products</p>
                        <a href="/Voca" class="footer-link">
                            @(Lang.english.ToUpper())
                        </a>
                        <a href="/Grammar" class="footer-link">
                            @(Lang.vietnamese.ToUpper())
                        </a>
                        <a href="/Listening" class="footer-link">
                            @(Lang.laos.ToUpper())
                        </a>
                    </div>
                    <div class="col-xs-12 col-sm-5 col-md-5 no-padding new-footer-img" style=" text-align: center;">
                        <p class="footer-title">CamID</p>

                        <div class="new-footer-img-ad">
                            <a class="btn" href="https://apps.apple.com/vn/app/camid-movies-games-rewards/id1321717513?l=vi">
                                <img src="/Content/assets/imgs/icon-app-store.png" />
                            </a>
                            <a class="btn" href="https://play.google.com/store/apps/details?id=com.metfone.selfcare">
                                <img src="/Content/assets/imgs/icon-gg-play.png" />

                            </a>
                        </div>
                        <div class="language">
                            <h3 class="footer-title ">@Lang.language</h3>
                            <div class="new-footer-img-ad ">
                                <a href="" class="btn setLang" data-lang="km" lang="km" style="width:55px;">
                                    <img src="/Content/assets/imgs/Flag_of_Cambodia.png" />
                                </a>
                                <a href="" class="btn setLang" data-lang="en" lang="en" style="width: 55px;">
                                    <img src="/Content/assets/imgs/Flag_of_the_United_Kingdom.png" />
                                </a>

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

                    <style>
                        .language {
                            display: none
                        }

                        @@media (max-width: 768px) {
                            .language {
                                display: inherit
                            }
                        }
                    </style>

                    <script>
                        $(document).ready(function () {

                            $(".setLang").on("click", function (event) {
                                var lang = $(this).attr("data-lang");
                                var language = $(this).attr("lang");
                                document.cookie = "Language" + "=" + language + ";"
                                console.log(language);

                                $.ajax({
                                    url: urlConfig("/Language/ChangeLanguage"),
                                    data: {
                                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                                        LanguageAbbrevation: language
                                    },
                                    type: "POST"
                                }).success(function (data) {
                                });
                            })
                        });
                    </script>
                </div>

                <p class="footer-bottom">© 2024 METFONE  |  All Rights Reserved</p>
            </div>
        </footer>
        <!--End footer-->

    </div>
    <!--END CONTENT-->


    <div id="modal-upgrade-type" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-upgrade-type">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal"></a>
                    <div class="modal-upgrade-group">


                        <p class="modal-upgrade-type-title">GIỚI THIỆU</p>
                        <p class="modal-upgrade-type-subtitle">CÁC GÓI TÀI KHOẢN VOCA</p>
                        <div class="modal-upgrade-content">
                            <p class="detail-child detail-child-vocabulary">Tài khoản thường</p>
                            <p class="detail-child-content">Bạn mua và học từng khoá từ vựng riêng lẻ trên Thư viện VOCA.VN.</p>
                            <p class="detail-child detail-child-vip">Tài khoản VIP</p>
                            <p class="detail-child-content">Bạn được học tất cả các khoá học từ vựng trên Thư viện VOCA.VN và sử dụng các tính năng nâng cao.</p>
                            <p class="detail-child detail-child-premium">Tài khoản PREMIUM</p>
                            <p class="detail-child-content">Bạn được học tất cả sản phẩm tiếng Anh thuộc hệ thống VOCA, bao gồm: VOCA.VN, VOCA MUSIC, VOCA GRAMMAR, NATURAL  ENGLISH.</p>
                        </div>
                        <div class="modal-upgrade-line"></div>
                        <p class="modal-upgrade-msg">Bạn muốn nâng cấp gói tài khoản nào?</p>
                        <div class="modal-upgrade-type-button">
                            <a href="/Home/library" class="button">Thường</a>
                            <a href="/Home/voca-v-i-p-1569" class="button">VIP</a>
                            <a href="https://home.voca.vn/premium" target="_blank" class="button btn-premium">PREMIUM</a>
                        </div>
                    </div>

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

    <!--begin ranking-->
    <div class="modal fade" id="ranking-modal"></div>
    <!--end ranking-->
    <!--message dialog-->
    <div id="message-dialog" class="modal login fade " tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-content-feedback">
                    <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                    <p class="fault-title text-center"><span>@Lang.response</span> </p>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="fault-subtitle" id="message-content"></p>
                            </div>
                            <div class="col-xs-12 text-center">
                                <a href="javascript:void(0)" class="send-fault" data-dismiss="modal" onclick="Reload();">@Lang.Close</a>
                            </div>
                        </div>
                        <!--end feedback content-->
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!--begin login-->
    <!-- Modal -->


    <div id="account-dialog" class="modal fade login" role="dialog">

        <div class="modal-dialog">
            <div class="modal-content">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    @Html.AntiForgeryToken()
                    <div class="row">
                        <div class="col-md-12 col-lg-6">
                            <form class="body-box-modal">
                                <h3 class="members-title"> <span class="login-title">@Lang.FreeAccount</span></h3>
                                <hr />

                                <div>
                                    <a id="inform-pass" class="des-a" style="font-size:18px;"><i class="fas fa-check-square"></i></a>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-12 col-lg-6 d-sm-none image-box-area">
                            <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                        </div>
                    </div>
                </div>
                <br />
                <div class="modal-content-thanks" id="div-result" style="display: none">
                    <div class="row">
                        <div class="col-xs-12">
                            <p class="feedback-thanks text-center" style="color:red"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="login-dialog" class="modal fade login" role="dialog">

        <div class="modal-dialog">
            <div class="modal-content">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    @Html.AntiForgeryToken()
                    <div class="row">
                        <div class="col-md-12 col-lg-6">
                            <form class="body-box-modal">
                                <h3 class="members-title"> <span class="login-title">@Lang.Login</span></h3>
                                <hr />

                                <div style="position:relative;">
                                    <input class="input-area txtPhoneLogin" type="text" placeholder="@Lang.PhoneNumber" name="login-msisdn" id="txtPhoneLogin" value="@(msisdnDetect != null ? msisdnDetect : msisdn)" />
                                    <div class="form-control-position icon-float-left">
                                        <i class="fa fa-2x fa-user"></i>
                                    </div>
                                </div>
                                <div style="position:relative;">
                                    <input class="input-area" type="password" placeholder="@Lang.Password" name="login-password" id="txtPassLogin" />
                                    <div class="form-control-position icon-float-left">
                                        <i class="fa fa-2x fa-lock"></i>
                                    </div>
                                </div>

                                <a href="#" id="btn-reset-password" class="get-otp btn-reset-password">@Lang.ResetPassword</a>
                                <form id="reset-captcha" action="?" method="POST" style="display:none">
                                    <div id="html_element_reset" style="margin-top: 10px;display: none;"></div>
                                    <br />
                                </form>

                                @*<a href="/Home/LoginByUniId" class="get-otp btn-reset-password">Login by UniId</a>*@

                                <div id="login-result" class="text-red"></div>

                                <a href="#" id="btn-login" class="button btn-login">@Lang.Login</a>

                                <div>
                                    <a class="des-a"><i class="fas fa-check-square"></i> @Lang.haveNoAccount </a><a class="link-button" onclick="createFree(); return 0;">@Lang.createNow </a> <a class="des-a">@Lang.toJoinAttractiveCourses</a>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-12 col-lg-6 d-sm-none image-box-area">
                            <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                        </div>
                    </div>
                </div>
                <br />
                @*<div class="modal-content-thanks" id="div-result" style="display: none">
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="feedback-thanks text-center" id="login-result" style="color:red"></p>
                            </div>
                        </div>
                    </div>*@
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div id="sub-register-dialog" class="modal fade signup signup-otp " role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                @*<button type="button" class="close" data-dismiss="modal">&times;</button>*@
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    <div class="common-lesson-view-confirm">
                        @*<h4>@Lang.EnterOTP</h4>*@

                        <div class="row">
                            <div class="col-md-12 col-lg-6">

                                <form class="body-box-modal">
                                    <h3 class="members-title"> <span class="login-title">@Lang.EnterOTP</span></h3>
                                    <hr />

                                    <div id="otp-result" class="text-red">@Lang.otpWasSent</div>

                                    <div style="position:relative;">
                                        <input id="otpSubData" class="input-area" type="password" placeholder="OTP" name="otp" />
                                        <div class="form-control-position icon-float-left" style=" top: 5px;">
                                            <i class="fa fa-2x fa-lock"></i>
                                        </div>
                                    </div>

                                    <a href="#" class="button btn-signup" onclick="SubConfirmOtpClick()">@Lang.Confirm</a>


                                    <div style=" margin: 10px 0; margin-top: 50px;">
                                        <a class="des-a"><i class="fas fa-check-square"></i> @Lang.otpProblem </a><a class="link-button" onclick="ResentOtp(); return 0;">@Lang.resentOtp</a>
                                    </div>
                                </form>

                                @*<div class="common-lesson-view-sub-register-confirm-otp">
                                        <div class="wrap-confirm" style="position:relative;">
                                            <input id="otpSubData" class="input-area" type="text" placeholder="OTP" name="otp" />
                                            <div class="form-control-position icon-float-left" style=" top: -12px;">
                                                <i class="fa fa-2x fa-lock"></i>
                                            </div>

                                            <div style="text-align: center;display: inline-block; width:100%;">
                                                <a class="button button-dialog-signup-confirm btn-dialog-signup-confirm-register otpButton" href="#"
                                                   onclick="SubConfirmOtpClick()">@Lang.Confirm</a>
                                                <a class="button button-dialog-signup-confirm btn-dialog-signup-confirm-register otpButton" href="#" style=" background: gray;"
                                                   onclick="SubCancelOtpClick()">@Lang.Cancel</a>
                                            </div>
                                        </div>
                                    </div>*@

                            </div>
                            <div class="col-md-12 col-lg-6 d-sm-none image-box-area">
                                <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="choose-language-dialog" class="modal fade signup" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 col-lg-7">
                            <form>
                                <h3 class="members-title"> <span class="login-title">@Lang.Register</span></h3>
                                <hr />
                                <div class="" style="text-align:initial;">

                                    @{

                                        if (english == null || english.Count == 0)
                                        {
                                            <div class="type-language-container" onclick="chooseCourse(@UtilsController.Constant.ENGLISH)">
                                                <a href="#" id="btn-login" class="button btn-login box">@(Lang.english.ToUpper())</a>

                                                <div>
                                                    <a href="#" class="cost-des-box">@("10 cent/day".ToUpper())</a>
                                                </div>
                                                <div class="flag-float-box">
                                                    <img src="~/Content/assets/imgs/Flag_of_England.png" />
                                                </div>
                                            </div>

                                        }
                                       
                                        @*<div style=" margin: 10px 0; margin-top: 50px;">
                                            <a class="des-a"><i class="fas fa-check-square"></i> @Lang.haveAccount1 </a><a class="link-button" onclick="login(); return 0;">@Lang.LoginNow</a>
                                        </div>*@

                                        @*<div style=" margin: 10px 0;">
                                            <a class="des-a"><i class="fas fa-check-square"></i> @Lang.haveNoAccount </a><a class="link-button" onclick="createFree(); return 0;">@Lang.createNow </a> <a class="des-a">@Lang.toJoinAttractiveCourses</a>
                                        </div>*@
                                    }
                                </div>

                            </form>
                        </div>

                        <div class="col-md-12 col-lg-5 d-sm-none image-box-area">
                            <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="signup-dialog" class="modal fade signup" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    @Html.AntiForgeryToken()
                    <div class="row">
                        <div class="col-md-12 col-lg-6">
                            <form class="body-box-modal">
                                <h3 class="members-title"> <span class="login-title">@Lang.Register</span></h3>
                                <hr />

                                <div id="signup-result" class="text-red"></div>

                                <div style="position:relative;">
                                    <input class="input-area" type="text" placeholder="@Lang.PhoneNumber" name="login-msisdn" id="phone-register" value="@(msisdnDetect != null ? msisdnDetect : msisdn)" />
                                    <div class="form-control-position icon-float-left">
                                        <i class="fa fa-2x fa-user"></i>
                                    </div>
                                </div>
                                <form id="signup-captcha" action="?" method="POST">
                                    <div id="html_element" style="margin-top: 10px;"></div>
                                    <br />
                                </form>
                                <a href="#" id="btn-register-sub" class="button btn-signup check-sub-dim">@Lang.Register</a>

                                <div>
                                    @*<a class="des-a"><i class="fas fa-check-square"></i> @Lang.haveAccount1 </a>*@
                                    @*<a class="link-button" onclick="login(); return 0;">@Lang.loginNow1 </a>*@
                                    @*<a class="des-a">@Lang.toJoinAttractiveCourses</a>*@
                                </div>
                            </form>
                        </div>
                        <div class="col-md-12 col-lg-6 d-sm-none image-box-area">
                            <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                        </div>
                    </div>
                </div>
                <br />
                @*<div class="modal-content-thanks" id="div-result" style="display: none">
                        <div class="row">
                            <div class="col-xs-12">
                                <p class="feedback-thanks text-center" id="login-result" style="color:red"></p>
                            </div>
                        </div>
                    </div>*@
            </div>
        </div>
    </div>


    <div id="free-account-dialog" class="modal fade signup" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div class="modal-body">
                    @Html.AntiForgeryToken()
                    <div class="row">
                        <div class="col-md-12 col-lg-6">
                            <form class="body-box-modal">
                                <h3 class="members-title"> <span class="login-title">@Lang.createNow</span></h3>
                                <hr />

                                <div id="free-result" class="text-red"></div>

                                <div style="position:relative;">
                                    <input class="input-area" type="text" placeholder="@Lang.PhoneNumber" name="login-msisdn" id="phone-create" value="@(msisdnDetect != null ? msisdnDetect : msisdn)" />
                                    <div class="form-control-position icon-float-left">
                                        <i class="fa fa-2x fa-user"></i>
                                    </div>
                                </div>
                                <form id="free-account-captcha" action="?" method="POST">
                                    <div id="html_element_free" style="margin-top: 10px;"></div>
                                    <br />
                                </form>
                                <a href="#" id="btn-free-account" class="button btn-create-free check-sub-dim">@Lang.createNow</a>
                                <div>
                                    <a class="des-a"><i class="fas fa-check-square"></i> @Lang.haveAccount1 </a>
                                    <a class="link-button" onclick="login(); return 0;">@Lang.loginNow1 </a>
                                    <a class="des-a">@Lang.toJoinAttractiveCourses</a>
                                </div>
                            </form>
                        </div>
                        <div class="col-md-12 col-lg-6 d-sm-none image-box-area">
                            <img class="image-area" src="~/Content/assets/imgs/img-home-02.png" alt="Image" />
                        </div>
                    </div>
                </div>
                <br />
            </div>
        </div>
    </div>

  <div id="modal-dialog-new" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-content-feedback">
                <a class="modal-button-close" href="javascript:void(0)" data-dismiss="modal" onclick="Reload()"></a>
                <div style="padding-left:4em;padding-right:4em;padding-top:4em">@Html.Raw(Lang.SignUpToCamID)</div>
                @*<p class="fault-title text-center"><span><a href="#">Link</a></span></p>*@
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-12">
                            <p id="popup-message"></p>
                        </div>
                        <div class="col-xs-12 text-center">
                            <a href="javascript:void(0)" class="send-fault" data-dismiss="modal" onclick="Reload();">@Lang.Close</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   </div>


    <input type="hidden" id="phone-number" value="" />
    <input type="hidden" name="captcha" id="captcha" value="" />

    <script>
        var capt1, capt2, capt3;
    </script>
    <script type="text/javascript">
        var onloadCallback = function () {
            capt1 = grecaptcha.render('html_element', {
                'sitekey': '6LcBaa8ZAAAAAHwTPaXcsUVHyMQ7IOq_h-49t16t',
                'callback': function (response) {
                    document.getElementById("captcha").value = grecaptcha.getResponse(capt1);
                    $(".btn-signup").removeClass("check-sub-dim");
                },
                'expired-callback': function (response) {
                    $(".btn-signup").addClass("check-sub-dim");
                    grecaptcha.reset(capt1);
                    document.getElementById("captcha").value = "";
                },
            });
            capt2 = grecaptcha.render('html_element_free', {
                'sitekey': '6LcBaa8ZAAAAAHwTPaXcsUVHyMQ7IOq_h-49t16t',
                'callback': function (response) {
                    document.getElementById("captcha").value = grecaptcha.getResponse(capt2);
                    $(".btn-create-free").removeClass("check-sub-dim");
                },
                'expired-callback': function (response) {
                    $(".btn-create-free").addClass("check-sub-dim");
                    grecaptcha.reset(capt2);
                    document.getElementById("captcha").value = "";
                },
            });
            capt3 = grecaptcha.render('html_element_reset', {
                'sitekey': '6LcBaa8ZAAAAAHwTPaXcsUVHyMQ7IOq_h-49t16t',
                'callback': function (response) {
                    //alert(response);
                    var phoneNumber = $('#txtPhoneLogin').val();
                    var currentLocation = window.location.href;
                    console.log(phoneNumber)
                    console.log(currentLocation);
                    if (phoneNumber == "") {
                        $('#div-result').css('display', 'block');
                        $('#login-result').html('@Lang.CheckUserPass');
                        $('.reset-captcha').hide();
                    } else {
                        $.ajax({
                            url: urlConfig("/Home/ResetPassword"),
                            data: {
                                __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                                phoneNumber: phoneNumber
                            },
                            type: "POST"
                        }).success(function (data) {
                            if (data.error_code != "0") {
                                // success
                                setTimeout(function () {
                                    $('#div-result').css('display', 'block');
                                    $('#login-result').html(data.error_content);
                                }, 1000);
                            } else {
                                setTimeout(function () {
                                    $('#div-result').css('display', 'block');
                                    $('#login-result').html('@NEducation.Content.Texts.Lang.PasswordSent');
                                }, 1000);
                            }
                            grecaptcha.reset(capt3);
                            document.getElementById('html_element_reset').style = "margin-top: 10px;display: none;"
                        });
                    }
                },
            });
        };
    </script>

    <script type="text/javascript">
        console.log("starting");
        function Reload() {
            location.reload();
        }

        function ChangeSignUpToLogin() {
            $('#signup-dialog').modal('hide');

        }

        function GetRank() {
            var content = $('#ranking-modal').text();
            if (content != '') {
                $('#ranking-modal').modal();
            } else {
                $.ajax({
                    url: '/Home/GetRanking',
                    type: 'GET',
                    success: function (data) {
                        console.log(data);
                        $('#ranking-modal').html(data);
                        $('#ranking-modal').modal();
                    }
                });
            }
        }

        $(".navigation-all").on("click", function (e) {
            e.preventDefault();
            let url = $(this).attr("href");
            let type = $(this).attr("typeLanguage");
            checkToRedirect(url, type);

        })

        $('.btn-dialog-signup-register-01').click(function () {
            $('.confirm-total-01').show();
            $('.confirm-total-02').hide();
        })

        $('.btn-dialog-signup-register-02').click(function () {
            $('.confirm-total-02').show();
            $('.confirm-total-01').hide();
        })

        $('.btn-subscribe').click(function () {
            
            var phoneNumber = $('#msisdn').val();
            if (phoneNumber != "") {
                console.log("btn-register-sub click");

                $.ajax({
                    url: urlConfig("/Home/CheckButton"),
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phone: phoneNumber,
                    }
                }).success(function (data) {
                    console.log(data);
                    if (data.token == null) {
                        $.ajax({
                            url: urlConfig("/Home/RegisterSubWithoutCaptcha"),
                            type: "POST",
                            data: {
                                __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                                phone: phoneNumber,
                            }
                        }).success(function (data) {
                            console.log(data);

                            if (data.error_code == "100") {
                                // success
                                $('#free-account-dialog').modal('hide');
                                $('#choose-language-dialog').modal('hide');
                                $('#login-dialog').modal('hide');
                                $('#signup-dialog').modal('hide');
                                $('#sub-register-dialog').modal('show');

                            } else {
                                $('#message-dialog').modal('show');
                                $('#message-content').html(data.error_content);
                                grecaptcha.reset(capt1);
                            }
                        });

                    }
                    if (data.token != null) {
                        // dangky camid
                        console.log("dkCamID")
                        registerOnAppV2(phoneNumber,"GTS_MEDU_Daily");
                    }
                });

            } else {
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.InvalidMsisdn');
            }
        })

        $('.btn-subscribe-now').click(function () {

            var phoneNumber = $('#msisdn').val();
            if (phoneNumber != "") {
                console.log("btn-register-sub click");

                $.ajax({
                    url: urlConfig("/Home/CheckButton"),
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phone: phoneNumber,
                    }
                }).success(function (data) {
                    console.log(data);
                    if (data.token == null) {
                        $.ajax({
                            url: urlConfig("/Home/RegisterSubWithoutCaptcha"),
                            type: "POST",
                            data: {
                                __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                                phone: phoneNumber,
                            }
                        }).success(function (data) {
                            console.log(data);

                            if (data.error_code == "100") {
                                // success
                                $('#free-account-dialog').modal('hide');
                                $('#choose-language-dialog').modal('hide');
                                $('#login-dialog').modal('hide');
                                $('#signup-dialog').modal('hide');
                                $('#sub-register-dialog').modal('show');

                            } else {
                                $('#message-dialog').modal('show');
                                $('#message-content').html(data.error_content);
                                grecaptcha.reset(capt1);
                            }
                        });

                    }
                    if (data.token != null) {
                        // dangky camid
                        console.log("dkCamID")
                        registerOnAppV2(phoneNumber,"GTS_MEDU_Daily");
                    }
                });

            } else {
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.InvalidMsisdn');
            }
        })
        function SubConfirmOtpClick() {
            var otpConfirm = document.getElementById("otpSubData").value;
            //var phoneNumber = $('#msisdn').val();

            if (otpConfirm == "") {
                $("#otp-result").html('@ErrCode.InvalidIOTP');
            } else {
                $.ajax({
                    url: urlConfig("/Home/RegisterSub"),
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        otp: otpConfirm
                    },
                    type: "POST"
                }).success(function (data) {
                    console.log(data);

                    if (data.error_code != "0") {
                        // success
                        $("#otp-result").html(data.error_content);
                    } else {
                        $('#sub-register-dialog').modal('hide');
                        $('#message-dialog').modal('show');
                        $('#message-content').html('@Lang.RegisterSuccessful');
                        $('#sub-button').css('display', 'none');
                    }
                });
            }
        }

        function SubCancelOtpClick() {
            $('#sub-register-dialog').hide();
            Reload();
        }

        $('#btn-login').click(function () {
            console.log("LOGIN_1");
            var phoneNumber = $('#txtPhoneLogin').val();
            var password = $('#txtPassLogin').val();
            console.log(phoneNumber);
            console.log(password);
            //console.log(currentLocation);
            if (phoneNumber != "" && password != "") {
                $.ajax({
                    url: urlConfig("/Home/Login"),
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phoneNumber: phoneNumber,
                        password: password
                    },
                    type: "POST"
                }).success(function (data) {
                    console.log(data);
                    if (data.error_code != "0") {
                        console.log("asawfawfd");

                        // success
                        $('#login-result').html(data.error_content);

                    } else {
                        console.log("asd");

                        $('#span-msisdn').html(data.msisdn);
                        $('#menu-guest').css("display", "none");
                        $('#menu-user').css("display", "inherit");
                        $('#menu-right-guest').css("display", "none");
                        $('#menu-right-user').css("display", "inherit");

                        // check registered
                        if (data.registerTime != null && data.registerTime != "") {
                            $('.btn-subscribe').css("display", "none");
                        }
                        setTimeout(function () {
                            $('#login-dialog').modal('hide');
                        }, 1000);
                        if (data.href != null) {
                            location.href = data.href;
                        } else {
                            location.reload();
                        }
                    }
                });
            } else {
                console.log("ac");
                $('#login-result').html('@Lang.CheckUserPass');
            }
        });


        $('#btn-reset-password').click(function () {
            var phoneNumber = $('#txtPhoneLogin').val();
            var currentLocation = window.location.href;
            console.log(phoneNumber)
            console.log(currentLocation);
            if (phoneNumber == "") {
                $('#div-result').css('display', 'block');
                $('#login-result').html('@Lang.CheckUserPass');
            } else {
                $('#login-result').html("");
                document.getElementById('html_element_reset').style = "margin-top: 10px;display: block;"
            }
        });
        $('#btn-register-sub').click(function () {
            var phone = document.getElementById('phone-register').value;
            console.log("phone: " + phone);
            var captcha = $('#captcha').val();
            if (phone != "") {
                console.log("#btn-register-sub click");

                $.ajax({
                    url: urlConfig("/Home/CheckButton"),
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phone: phone
                    }
                }).done(function (data) {
                    console.log(data);

                    if (data.token == null) {
                        console.log("#btn-register-sub click");

                        $.ajax({
                            url: urlConfig("/Home/RegisterSub"),
                            type: "POST",
                            data: {
                                __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                                phone: phone,
                                captcha: captcha
                            }
                        }).done(function (data) {
                            console.log(data);
                            location.href = data.redirectUrl;

                            if (data.error_code == "100") {
                                // fail
                                $('#free-account-dialog').modal('hide');
                                $('#choose-language-dialog').modal('hide');
                                $('#login-dialog').modal('hide');
                                $('#signup-dialog').modal('hide');
                                $('#sub-register-dialog').modal('show');
                            } else {
                                console.log(data.error_content);
                                $('#signup-result').html(data.error_content);
                                grecaptcha.reset(capt1);
                            }
                        });
                    } else {
                        // dangky camid
                        console.log("dkCamID");
                        registerOnAppV2(phone, "GTS_MEDU_Daily");
                    }
                });

            } else {
                $('#signup-result').html('@Lang.CheckUserPass');
            }
        });

        $('#btn-register-sub-confirm').click(function () {
            // check phone number
            var otp = document.getElementById('otp-register').value;
            if (otp != '') {
                console.log("btn-register-sub-confirm click");
                $.ajax({
                    url: "/Home/RegisterSub",
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        otp: otp,
                    }
                }).success(function (data) {
                    console.log(data);

                    if (data.error_code != "0") {
                        // fail
                        $('#signup-dialog').modal('hide');
                        $('#message-dialog').modal('show');
                        $('#message-content').html(data.error_content);

                    } else {
                        console.log(data.error_content);
                        $('#signup-dialog').modal('hide');
                        $('#login-dialog').modal('show');
                       
                    }
                });
            } else {
                $('#signup-dialog').modal('hide');
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.CheckUserPass');
            }
        })

        $('#btn-free-account').click(function () {
            console.log("btn-free-account click");
            var captcha = $('#captcha').val();
            // check phone number
            var phone = document.getElementById('phone-create').value;
            if (phone != '') {
                $.ajax({
                    url: urlConfig("/Home/CreateFree"),
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phone: phone,
                        captcha: captcha,
                    }
                }).success(function (data) {
                    console.log("data: " + data)

                    if (data.error_code != @UtilsController.Constant.SUCCESS) {
                        // fail
                        $('#free-result').html(data.error_content);
                        grecaptcha.reset(capt2);
                    } else {
                        console.log(data.error_content);
                        $('#free-account-dialog').modal('hide');
                        $('#signup-dialog').modal('hide');
                        $('#login-dialog').modal('show');
                    }
                });
            } else {
                $('#free-result').html('@Lang.CheckUserPass');
            }
        })
    </script>
</body>
</html>