@extends('layouts.innermasterWoithoutLogo')

@section('content')

{{-- {{$password}} --}}

<div class="empty-space col-xs-b15 col-sm-b30"></div>

{{-- <div class="empty-space col-xs-b15 col-sm-b50 col-md-b100"></div> --}}
<div class="container otp">
    
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="h3 text-center">Verify your mobile number</div>
            <div class="empty-space col-xs-b10 col-sm-b25"></div>

            <p class="text-center">
                Thanks for giving your details. An OTP has been sent to your Mobile Number. Please enter the 4 digit OTP below for Successful Registration
            </p>
    <div class="empty-space col-xs-b10 col-sm-b25"></div>

    <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <form class="form-horizontal" method="post" id="veryfyotp" action="/auth/register/seller/otp">
                {!! csrf_field() !!}

                    <div class="form-group">
                        <div class="col-md-6 col-md-offset-3 mb-20">
                            <input type="text" class="form-control input-lg" maxlength="4" name="otp">
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-md-offset-2">
                                <button class="button size-2 style-3 btn-block" type="submit">
                                    <span class="button-wrapper">
                                        <span class="icon"> <i class="fa fa-angle-right"></i> </span>
                                        <span class="text">Verify</span>
                                    </span>
                                </button>
                            </div>
                            <div class="col-md-4">

                                <a href="/Seller/validate">
                                    <button class="button size-2 style-2 btn-block" type="button" id="resend">
                                        <span class="button-wrapper">
                                            <span class="icon"> <i class="fa fa-angle-right"></i> </span>
                                            <span class="text">Resend</span>
                                        </span>
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

            <p class="text-center text-red">
                After verify phone no, you will be redirect to home page. If faild we will send you new OTP to your phone number 
            </p>
    <div class="empty-space col-xs-b15 col-sm-b30"></div>

           
        </div>
    </div>
    
    <div class="row mb-20">
            <div class="col-md-4 col-md-offset-4">
                <img src="{{url().'/img/rsz_logo2.png'}}" class="img-responsive center-block" alt="logo" width="180">
            </div>
    </div>
    
</div>

{{-- @endsection --}}
@endsection