metphone
/
EDU


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="vi">
@using NEducation.Content.Texts;
@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>USTUDY | 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="USTUDY | 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>

    <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>
    <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;

    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.FindAll(x => x.subServiceName == UtilsController.Constant.EDU_HOME_FITNESS_REG);
        english = listSub.FindAll(x => x.subServiceName == UtilsController.Constant.EDU_REGISTER_DAILY_NEW ||
           x.subServiceName == UtilsController.Constant.EDU_REGISTER_DAILY_APP);
    }
    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" /><span> USTUDY</span>
                </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>
                    </div>
                    <div style="display:@displayUser" id="menu-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>
                            }
                        }
                        <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_lc.png" title="Laos" />
                        </a>
                        <a href="" class="btn setLang" data-lang="vi" lang="vi">
                            <img src="/Content/assets/imgs/flag_vn.png" title="Vietnam" />
                        </a>
                        @*<a href="" class="btn setLang" data-lang="en" lang="en">
                                <img src="../Content/assets/imgs/flag_vn.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>
                        <a data-toggle="modal" data-target="#choose-language-dialog" class="main-header-button-login btn-register">@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>
                            }
                        }
                        <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">LaoApp</p>

                        <div class="new-footer-img-ad">
                            <a class="btn" href="http://laosapp.la/app">
                                <img src="/Content/assets/imgs/icon-app-store.png" />
                            </a>
                            <a class="btn" href="http://laosapp.la/app">
                                <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="la" lang="la" style="width:55px;">
                                    <img src="/Content/assets/imgs/lao_flag.png" />
                                </a>
                                <a href="" class="btn setLang" data-lang="vi" lang="vi" style="width: 55px;">
                                    <img src="/Content/assets/imgs/vietnam_flag.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">© 2020 UNITEL  |  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.LAOS)">
                                                <a href="#" id="btn-login" class="button btn-login box">@(Lang.laos.ToUpper())</a>
                                                <div class="free-float-box">
                                                    <img src="~/Content/assets/imgs/giphy.gif" />
                                                </div>
                                                <div class="flag-float-box">
                                                    <img src="~/Content/assets/imgs/lao_flag.png" />
                                                </div>
                                            </div>*@

                                            @*<div class="type-language-container" onclick="chooseCourse(@UtilsController.Constant.VIETNAMESE)">
                                                <a href="#" id="btn-login" class="button btn-login box">@(Lang.vietnamese.ToUpper())</a>
                                                <div class="free-float-box">
                                                    <img src="~/Content/assets/imgs/giphy.gif" />
                                                </div>
                                                <div class="flag-float-box">
                                                    <img src="~/Content/assets/imgs/vietnam_flag.png" />
                                                </div>
                                            </div>*@

                                            <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">@("300 KIP/day".ToUpper())</a>
                                                </div>
                                                <div class="flag-float-box">
                                                    <img src="~/Content/assets/imgs/Flag_of_England.png" />
                                                </div>
                                            </div>

                                        }
                                        @*if (homefitness == null || homefitness.Count == 0)
                                        {
                                            <div class="type-language-container" onclick="chooseCourse(@UtilsController.Constant.HOMEFITNESS)">
                                                <a href="#" id="btn-login" class="button btn-login box">@("HOME FITNESS")</a>

                                                <div>
                                                    <a href="#" class="cost-des-box">@("300 KIP/day".ToUpper())</a>
                                                </div>
                                                <div class="flag-float-box">
                                                    <img src="~/Content/assets/imgs/lao_flag.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 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>

    <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 () {
                                //    $('#login-dialog').modal('hide');
                                //    window.location.href = currentLocation;
                                //}, 1000);
                                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/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);
                    }
                });
            } 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/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);
                    }
                });
            } else {
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.InvalidMsisdn');
            }
        })

        function SubConfirmOtpClick() {
            var otpConfirm = document.getElementById("otpSubData").value;
            //var phoneNumber = $('#msisdn').val();

            if (otpConfirm == "") {
                //$('#message-dialog').modal('show');
                //$('#message-content').html("Please check your OTP");
                $("#otp-result").html('@ErrCode.InvalidIOTP');
            } else {
                $.ajax({
                    url: urlConfig("/Home/RegisterSub"),
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        //phone: phoneNumber,
                        otp: otpConfirm
                    },
                    type: "POST"
                }).success(function (data) {
                    console.log(data);

                    if (data.error_code != "0") {
                        // success
                        //$('#message-dialog').modal('show');
                        //$('#message-content').html(data.error_content);
                        $("#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);
            //var currentLocation = window.location.href;
            //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
                        //$('.modal-content-thanks').css('display', 'block');
                        $('#login-result').html(data.error_content);
                        //location.reload();

                    } 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');
                            //window.location.href = currentLocation;
                        }, 1000);
                        if (data.href != null) {
                            location.href = data.href;
                        } else {
                            location.reload();
                        }
                    }
                });
            } else {
                console.log("ac");

                @*$('#login-dialog').modal('hide');
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.CheckUserPass');*@
                //$('.modal-content-thanks').css('display', 'block');
                $('#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 () {
            // check phone number
            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/RegisterSub"),
                    type: "POST",
                    data: {
                        __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                        phone: phone,
                        captcha: captcha,
                    }
                }).success(function (data) {
                    console.log(data);
                    location.href = data.redirectUrl;
                    if (data.error_code == "100") {
                        // fail
                        //$('.confirm-register-phone').css("display", "none");
                        //$('.confirm-register-otp').css("display", "inherit");
                        $('#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-dialog').modal('hide');
                        //$('#message-dialog').modal('show');
                        //$('#message-content').html(data.error_content);
                        $('#signup-result').html(data.error_content);
                        grecaptcha.reset(capt1);
                    }
                });
            } else {
                @*$('#signup-dialog').modal('hide');
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.CheckUserPass');*@
                $('#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 click");
                $.ajax({
                    url: urlConfig("/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');
                        //if (data.href != null) {
                        //    location.href = data.href;
                        //} else {
                        //    location.reload();
                        //}
                    }
                });
            } 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
                        //$('#signup-dialog').modal('hide');
                        //$('#message-dialog').modal('show');
                        //$('#message-content').html(data.error_content);
                        $('#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 {
                @*$('#signup-dialog').modal('hide');
                $('#message-dialog').modal('show');
                $('#message-content').html('@Lang.CheckUserPass');*@
                $('#free-result').html('@Lang.CheckUserPass');
            }
        })
    </script>
</body>
</html>