@extends('layouts.welcomelayouts.app')
@section('title')
<title>company name | subtitle</title>
@endsection
@section('SEO')
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
@endsection
@push('css')
<style>
        @media only screen and (max-width: 769px) {

        .hidemobilesidebar{
            display: none;
        }
    }
</style>
@endpush
@section('contents')


<div style="min-height: 350px;margin-bottom:5px;">
        <div class="row" style="margin: 0;">
            <div class="col-12 col-md-12" style="padding: 0;">
                <div class="row" style="margin:0;">
                    <div class="col-md-3">
                       
                    </div>
                    <div class="col-md-6">
                         <div class="logindiv">
                             <div class="titleheader">
                                 <h3><i class="fas fa-user-tie"></i> SELLER REGISTRATION VERIFY</h3>
                             </div>
                             <div class="textbody">
                                 <form action="{{route('sellerRegisterVerifyPost')}}" method="post">
                                     @csrf
                                     <div>
                                         <h4>Business Accounts</h4>
                                         <p style="color: gray;">Please make sure you have active Mobile Number Veriry your Number to sell on Tanbinas as a Corporate</p>
                                     </div>
                                     <div class="form-group row">
                                    <label for="inputPassword" class="col-sm-3 col-form-label">Country*</label>
                                    <div class="col-sm-9">
                                      <select class="form-control" name="country">
                                          <option value="Bangladesh">Bangladesh</option>
                                      </select>
                                    </div>
                                  </div>
                                  <div class="form-group row">
                                    <label for="inputPassword" class="col-sm-3 col-form-label">Mobile Number</label>
                                    <div class="col-sm-9">
                                        <div class="input-group mb-2">
                                        <div class="input-group-prepend">
                                          <div class="input-group-text">+88</div>
                                        </div>
                                        <input type="text" class="form-control" name="mobile" id="mobilenumber" placeholder="Mobile Number">
                                        <div class="input-group-prepend verifybtn" style="cursor:pointer;">
                                          <div class="input-group-text">SEND</div>
                                        </div>
                                      </div>
                                      <div class="validationmsg"></div>
                                    </div>
                                  </div>
                                  <div class="verificationcode">
                                  
                                  </div>

                                  <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Verify Number</button>
                                 </div>
                                </form> 
                             <!--  <form method="POST" action="{{ route('register') }}">-->
                             <!--       @csrf-->
                                    
                                   
                                    
                                
                             <!--    <div class="form-group">-->
                             <!--        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required autocomplete="name" autofocus placeholder="Your Name">-->
                             <!--        @error('name')-->
                             <!--           <span class="invalid-feedback" role="alert">-->
                             <!--               <strong>{{ $message }}</strong>-->
                             <!--           </span>-->
                             <!--       @enderror-->
                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--        <input type="text" name="mobile" class="form-control @error('mobile') is-invalid @enderror" value="{{ old('mobile') }}" required placeholder="Mobile Number">-->
                             <!--        @error('mobile')-->
                             <!--       <span class="invalid-feedback" role="alert">-->
                             <!--           <strong>{{ $message }}</strong>-->
                             <!--       </span>-->
                             <!--           @enderror-->

                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required autocomplete="email" placeholder="Your Email">-->
                             <!--        @error('email')-->
                             <!--       <span class="invalid-feedback" role="alert">-->
                             <!--           <strong>{{ $message }}</strong>-->
                             <!--       </span>-->
                             <!--           @enderror-->
                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--        <input id="password" type="password" name="password" class="form-control @error('password') is-invalid @enderror" required autocomplete="new-password" placeholder=" Your Password">-->
                             <!--         @error('password')-->
                             <!--           <span class="invalid-feedback" role="alert">-->
                             <!--               <strong>{{ $message }}</strong>-->
                             <!--           </span>-->
                             <!--       @enderror-->
                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--        <input id="password-confirm" type="password"  class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Your Confirmed Password">-->
                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--       <button type="submit" class="btn btn-primary">REGISTRATION</button>-->
                             <!--    </div>-->
                             <!--    <div class="form-group">-->
                             <!--       <hr>-->
                             <!--       <p>I Have Account <a href="{{route('login')}}" class="btn btn-success">LOGIN</a></p>-->
                                    
                             <!--    </div>-->
                             <!--</form>-->
                             </div>
                         </div>
                    </div>
                    <div class="col-md-3">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
   
@endsection
@push('js')
<script type="text/javascript">
    $(document).ready(function(){
            $(document).on('click','.verifybtn',function(e){
                 e.preventDefault();
                 var num=$('#mobilenumber').val();
                 if(num.length !=11){
                    $('.validationmsg').empty().append('<p style="color:red;font-weight:bold;margin: 0;">Need To your phone number 11 digit</p>');
                 }else{
                    $('.verificationcode').empty().append('<div class="form-group row"><label for="inputPassword" class="col-sm-3 col-form-label" >Verify Code*</label><div class="col-sm-9"><div class="input-group mb-2"><div class="input-group-prepend"><div class="input-group-text" id="test">120</div></div><input type="text" class="form-control" name="sendcode" id="mobilenumber" placeholder="6 Digit Verify Code"></div></div></div>');
                    $('#mobilenumber').prop('disabled', true);
                    $('.validationmsg').empty();
                    $('.verifybtnapp').empty().append('<button  class="btn btn-success">Verify</button>');

                     var number = parseInt($('#test').text(), 10) || 0; // Get the number from paragraph
                    // Called the function in each second
                    var interval = setInterval(function () {
                        $('#test').text(number--); // Update the value in paragraph

                        if (number < 0) {
                            clearInterval(interval);
                            $('.senddiv').show();
                             var $this = $('.senddiv span');
                            $($this).empty();
                            $($this).append('Resend');
                            $('#test').hide();
                            $('#test').append('60');
                             // If exceeded 100, clear interval
                        }else{
                            
                        }
                    }, 1000); // Run for each second
                     var url='{{url('seller-register-verify-code/')}}'+'/'+num;
                     $.get(url, function (data) {
                         //  alert(data);
                    }); 

                 }
            });
    });
</script>
@endpush