<html>
    <head>
        


        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=10" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="robots" content="all,follow" />
        <script src="../../../../../script/jquery-1.10.2.min.js"></script>
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="../../../../../css/https-font.css" rel="stylesheet" />
        <link rel="stylesheet" href="../../../../../css/https_strap.css" />
        <link rel="stylesheet" href="../../../../../css/StyleSheet.css" /><!--Css Cod-->
        <link rel="stylesheet" href="../../../../../css/shop-style.css" /><!--Css Cod-->

        <script src="../../../../../script/Https-strap.js"></script>
      
        <style type="text/css">
            
        </style>

    </head>
    <body>

        <div class="Hrow HpaddT-7per">
            <div class="div-login">
                    <h1 class="Hrow Htxt-center HmarB-20" data-color="#f00">@{!model.config.titr}</h1>
                <form id="loginForm" class="Hform-login HmarB-3per Hpadd-30" name="loginForm" action="" method="post" enctype="text/plain" >
                    <h3 class="Hrow HmarB-40  font-yekannew">ورود | ثبت‌نام</h3>
                    <label class="Hrow Hlable-small" data-color="#52575f" for="phone">درود <br/> لطفا شماره تلفن همراه خود را وارد نمایید </label>
                    <input class="Hrow Htxt-center adad HmarT-20 Htxt-V1 Hpadd-10" style="letter-spacing: 10px;" type="text" id="phone" class="Htxt-V1" name="phone" />           
                    <small class="Hrow Hlable-small HmarT-5"><a class="" type="text" data-color="#0190b4" onclick="frmshow(1)">ورود با رمز عبور </a></small>
                    <input class="Hrow trans0_25 Hbtn-lightGreen  Hpadd-15 HmarT-50"  type="button" id="sendcode" data-action="" value="ورود"/>
                </form>
                <form id="login2Form" class="Hform-login HmarB-3per Hpadd-30" name="login2Form" action="" method="post" enctype="text/plain" >
                    <h3 class="Hrow HmarB-40">ورود به حساب کاربری</h3>
                    <label class="Hrow Hlable-small" data-color="#52575f" for="phone"> تلفن همراه :</label>
                    <input class="Hrow Htxt-center adad HmarT-5 Htxt-V1 Hpadd-10" style="letter-spacing: 10px;" type="text" id="phone" class="Htxt-V1" name="phone" /> 
                    <label class="Hrow Hlable-small HmarT-20" data-color="#52575f" for="password">رمز عبور : </label>
                    <input class="Hrow Htxt-center HmarT-5 Htxt-V1 Hpadd-10" style="letter-spacing: 5px;" type="password" id="password" class="Htxt-V1" name="password" /> 
                    <small class="Hrow Hlable-small HmarT-5"><a class="" href="/forget" data-color="#0190b4">فراموشی رمز عبور </a> <a class="Hfloat-L" data-color="#0190b4" onclick="frmshow(0)"> ارسال پیامک </a></small>
                    <input class="Hrow trans0_25  Hbtn-lightGreen Hpadd-15 HmarT-50"  type="button" id="userlogin" data-action="" value="ورود"/>
                </form>
                <form id="smsForm" class="Hform-login HmarB-3per Hpadd-30" name="smsForm" action="" method="post" enctype="text/plain" >
                    <h3 class="Hrow HmarB-40">کد تایید را وارد کنید</h3>
                    <label class="Hrow Hlable-small" data-color="#52575f" for="smscode">کد تایید برای <b id="phoneSMS"></b> پیامک شد </label>
                    <input class="" style="" type="hidden"  id="rephone" class="Htxt-V1" name="phone" /> 
                    <input class="Hrow Htxt-center adad HmarT-20 Htxt-V1 Hpadd-10" style="letter-spacing: 25px;" type="text" maxlength="6" id="authCode" class="Htxt-V1" name="authCode" />   
                    <small class="Hrow Hlable-small HmarT-5"><a class="" href="/login" data-color="#0190b4">تغییر شماره</a></small>
                    <div class="Hrow Htxt-center">
                        <button class="HmarT-40 Hlable-small Hbg-white" data-color="#52575f" style="direction:ltr;border:0px;" onclick='resendcode();' type="button" id="resendsms"></button>
                    </div>
                    <input class="Hrow trans0_25  Hbtn-lightGreen Hpadd-15 HmarT-15"  type="button" id="smsconfirm" data-action="" value="تایید"/>
                </form>
                <form id="setpassForm" class="Hform-login HmarB-3per Hpadd-30" name="setpass" action="" method="post" enctype="text/plain" >
                    <h3 class="Hrow HmarB-40">ورود به حساب کاربری</h3>
                    <label class="Hrow Hlable-small" data-color="#52575f" for="phone">رمز عبور :</label>
                    <input class="Hrow Htxt-center adad HmarT-5 Htxt-V1 Hpadd-10" style="letter-spacing: 10px;" type="password" id="password" class="Htxt-V1" name="password" /> 
                    <label class="Hrow Hlable-small HmarT-20" data-color="#52575f" for="password">تکرار رمز عبور : </label>
                    <input class="Hrow Htxt-center HmarT-5 Htxt-V1 Hpadd-10" style="letter-spacing: 5px;" type="password" id="repassword" class="Htxt-V1" name="repassword" /> 
                    <input class="Hrow Htxt-center HmarT-5 Htxt-V1 Hpadd-10" style="letter-spacing: 5px;" type="hidden" id="idpass" class="Htxt-V1" name="idpass" /> 

                     <input class="Hrow trans0_25  Hbtn-lightGreen Hpadd-15 HmarT-15"  type="button" id="setpassbtn" data-action="" value="ثبت"/>
                </form>
                    <small class="Hrow Hlable-small HmarT-10" data-color="#52575f">ورود یا ثبت نام شما به معنای پذیرش شرایط <a href="@{!model.config.url}" data-color="#0190b4"> @{!model.config.name} </a>و <a href="@{!model.config.terms}" data-color="#0190b4"> قوانین حریم‌خصوصی </a> است
                    </small>
        </div>
            <p>&nbsp;</p> 
        </div>


    
    <p>&nbsp;</p> 
    <div id="Hnotification"></div>
    <script  type="text/javascript">
       async function resendcode(){
            if(true){ //شرط برای بررسی خالی بودن فیلد ها
               var formdata=new FormData(smsForm);
                var result=await jqajax("/authcode/",formdata,"post","loader");
                show_sendcode(result);
            }
            HcountDown(0,0,3,0,"ارسال مجدد رمز","resendsms");
        }


    function HcountDown(day=0,hour=0,min=0,second=0,message='',id){
        document.getElementById("resendsms").disabled = true;

        var countDownDate = new Date().getTime();
        var h,m,s;
        countDownDate +=((day*24*60*60*1000)+(hour*60*60*1000)+(min*60*1000)+(second*1000));
        
        var x = setInterval(function() {
        var now = new Date().getTime();    
        var distance = countDownDate - now;
    
        //day=(day > 0) ? Math.floor(distance / (1000 * 60 * 60 * 24)) : '';
        hour=Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))+(24*day);
        min= Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        second=Math.floor((distance % (1000 * 60)) / 1000);
        h=(hour > 0) ? hour+" : ": '';
        m=(min > 0) ? min+" : ":'00 : ';
        
        
        var res = h + m + second;
        document.getElementById(id).innerHTML =res+  "<span style='float:left;padding-right:10px;'>مانده تا دریافت مجدد پیام</span>";
            
        if (distance < 0) {
            clearInterval(x);
            document.getElementById("resendsms").innerHTML = message;
            document.getElementById("resendsms").disabled = false;
        }
        }, 1000);
    }

        
    //$(document).ready(function(){
        frmshow(0);
        function frmshow(chk){
            $(".Hform-login").removeClass("active");
            $(".Hform-login").eq(chk).addClass("active");
        }
        //smsconfirm
        //userlogin
        $("#sendcode").click(async function(){
            if(true){ //شرط برای بررسی خالی بودن فیلد ها
               var formdata=new FormData(loginForm);
                var result=await jqajax("/authcode/",formdata,"post","loader");
                show_sendcode(result);
            }
        });
        
        
        $("#smsconfirm").click(async function(){
            if(true){ //شرط برای بررسی خالی بودن فیلد ها
                var formdata=new FormData(smsForm);
                var result=await jqajax("/smslogin/",formdata,"post","loader");
                show_fixcode(result);
            }
        });
        $("#setpassbtn").click(async function(){
            if(true){ //شرط برای بررسی خالی بودن فیلد ها
                var formdata=new FormData(setpassForm);
                var result=await jqajax("/setpasslogin/",formdata,"post","loader");
                show_fixcode(result);
            }
        });

       $("#userlogin").click(async function(){
            if(true){ //شرط برای بررسی خالی بودن فیلد ها
               var formdata=new FormData(login2Form);
                var result=await jqajax("/passlogin/",formdata,"post","loader");
                show_fixcode(result);
            }
        });

        function show_sendcode(result){
        
            switch(result.status){
             case 200:
                    $("#phoneSMS").html(result.data.phone);
                    frmshow(2);   
                    $("#phoneSMS").html($("#phone").val());
                    $("#rephone").val($("#phone").val());
                    HcountDown(0,0,3,0,"ارسال مجدد رمز","resendsms");  
              break;
                default:
                    Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:result.data});
              break;
            }
        }
        function show_fixcode(result){
                                 alert(result);

            switch(result.status){
             case 200:
                     alert("Ssssssssssss");
                     alert(result.sms);
                 if(result.sms!=undefined){
                     frmshow(3);
                     $("#idpass").val(result.sms);
                 }else{
                    window.location.assign("@{!model.url}");  
                 }
              break;
                default:
                    Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:result.data});
              break;
            }
        }
        
   // });   



    

    </script>



    </body>
    
</html>





	

