במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.app")
@section("mainContent")
<style>
  p.account__login--header__desc {
    color: #f9001c;
}
.success_message,.success_message_reg{
    color:#20bb02;
}
.error_email,.error_name,.error_phone,.error_phone_reg,.error_email_reg{
    color: #f9001c;
}
</style>

<main class="main__content_wrapper">
        
        
        <section class="pagenav">
             <div class="container-fluid">
                 <div class="row">
                     <div class="col-md-12">
                         <div class="pagbox">
                             <h4 onclick="history.back()">
                                <i class="fa fa-arrow-left"></i> Login
                             </h4>
                         </div>
                     </div>
                 </div>
             </div>
         </section>

<div class="login__section section--padding">
            <div class="container">
                <form action="#">
                    <div class="login__section--inner">
                        <div class="row row-cols-md-2 row-cols-1" id="otp_verify">
                            <div class="col mx-auto" id="login-box">
                                <div class="account__login">
                                    <div class="account__login--header mb-25">
                                        <h2 class="account__login--header__title h3 mb-10">Login</h2>
                                        <p class="success_message" ></p>
                                    </div>
                                    <div class="account__login--inner">
                                        <input class="account__login--input" placeholder="Enter Mobile Number" name="login_number" type="number">
                                        <p class="account__login--header__desc error_phone"></p>
                                        <div class="account__login--remember__forgot mb-15 d-flex justify-content-between align-items-center">
                                            <div class="account__login--remember position__relative">
                                                <input class="checkout__checkbox--input" id="check1" type="checkbox">
                                                <span class="checkout__checkbox--checkmark"></span>
                                                <label class="checkout__checkbox--label login__remember--label" for="check1">
                                                    Remember me</label>
                                            </div>
                                            
                                        </div>
                                        <button class="account__login--btn primary__btn" type="submit" id="submit_login">Get otp</button>
                                        <div class="account__login--divide">
                                            <span class="account__login--divide__text">OR</span>
                                        </div>
                                        <div class="account__social d-flex justify-content-center mb-15">
                                           
                                        </div>
                                        <p class="account__login--signup__text">Don,t Have an Account? <button type="button" onclick="register()">Sign up now</button></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col mx-auto" id="register-box">
                                <div class="account__login register">
                                    <div class="account__login--header mb-25">
                                        <h2 class="account__login--header__title h3 mb-10">Create an Account</h2>
                                        <p class="account__login--header__desc success_message_reg" ></p>
                                    </div>
                                    <div class="account__login--inner">
                                        <input class="account__login--input " placeholder="Name" name="reg_name" type="text">
                                        <p class="error_name"></p>
                                        <input class="account__login--input" placeholder="Email Addres" name="reg_email" type="text">
                                        <p class="error_email_reg"></p>
                                        <input class="account__login--input " placeholder="Phone Number" name="reg_phone" type="number">
                                        <p class="error_phone_reg"></p>
                                        <div class="account__login--remember position__relative">
                                            <input class="checkout__checkbox--input" id="check2" checked type="checkbox" required>
                                            <span class="checkout__checkbox--checkmark"></span>
                                            <label class="checkout__checkbox--label login__remember--label" for="check2">
                                                I have read and agree to the terms & conditions</label>
                                        </div>
                                        
                                        <button class="account__login--btn primary__btn mb-10" id="submit_register" type="submit">Submit & Register</button>
                                        <p class="account__login--signup__text">Have an Account? <button type="button" onclick="login()">Sign in now</button></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>     
        </div>

</main>
    
@endsection

@section("customCSS")

@endsection

@section("customJS")

}

});
         }else{
            $("input[name='phone']").addClass('border-danger');
            $(".error_phone").html('Phone number must be equal to 10 digits');
         }
      });
            
   });  
</script>
  
<script type="text/javascript">
   $(document).ready(function(){
      $("#submit_register").on("click", function(e){
         $("#preloader").removeClass('loaded');
         $("input[name='reg_name']").removeClass('border-danger');
         $("input[name='reg_email']").removeClass('border-danger');
         $("input[name='reg_phone']").removeClass('border-danger');
         $(".error_phone").html('');
         $(".error_email").html('');
         e.preventDefault;
         var name    = $("input[name='reg_name']").val();
         var email   = $("input[name='reg_email']").val();
         var phone   = $("input[name='reg_phone']").val();
         var referalNo   = $("input[name='referalNo']").val();
         
         if(phone.length ==10){
            $("#submit_register").html("please wait...").attr("disabled",true);
            $.ajax({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              url : "{{ route('registerSubmit') }}",
              data : {'name':name,'email':email,'phone':phone,'referalNo':referalNo},
              type : 'POST',
              dataType : 'json',
              success : function(result){
                  $("#preloader").addClass('loaded');
                  $("#submit_register").html("submit").attr("disabled",false);
                  if(result.type == 'success'){
                     $("#otp_verify").html(result.html);
                     $(".success_message_reg").html(result.message);
                     $("input[name='reg_phone']").attr('readonly',true);
                  }else{
                     if(result.errors.email){
                        $("input[name='reg_email']").addClass('border-danger');
                         $(".error_email_reg").html(result.errors.email);
                     }
                     if(result.errors.phone){
                        $("input[name='reg_phone']").addClass('border-danger');
                        $(".error_phone_reg").html(result.errors.phone);
                     }else{
                         $("#referalNo").addClass('border-danger');
                         $(".referalNo").html(result.errors);
                     }   
                  }

}

});
         }else{
            $("input[name='phone']").addClass('border-danger');
            $(".error_phone").html('Phone number must be equal to 10 digits');
         }
      });
            
   });  
</script>
@endsection