@extends('cabMeWebsite.master')
<title>Enter OTP</title>
@section('content')
    <section class="subheader">
        <div class="container">
            <div class="col-12">
                <div class="row">
                    <div class="inner-padding">
                        <h2></h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="rider-login">
        <div class="container py-1 py-sm-2">
            <div class="col-12 inner-padding text-center">
                <div class="row justify-content-md-center">
                    <div class="col-12 col-md-6">
                        <h5 class="mt-2 mt-sm-3 mt-md-4">Enter the 4-digit code sent to you at</h5>
                        <label id="mobilecheck" name="mobilecheck">{{ request()->otp_mobile }}</label>
                        <form class="mt-2 mt-sm-3 mt-sm-4" id="formdata">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-12">
                                        <input class="form-control" type="hidden" name="mobile" value="{{ request()->otp_mobile }}"/>
                                        <input class="form-control" style="text-align:center" type="text" name="otp" class="code"/>
                                    </div>
                                   {{-- <div class="col-3">
                                        <input class="form-control" type="text" name="code"  class="code"/>
                                    </div>
                                    <div class="col-3">
                                        <input class="form-control" type="text" name="code" class="code"/>
                                    </div>
                                    <div class="col-3">
                                        <input class="form-control" type="text" name="code" class="code"/>
                                    </div>--}}
                                </div>
                                <!--//Row-->
                            </div>
                            <div class="form-group py-1 py-sm-2 py-md-4">
                                <input type="image" src="{{asset('laravel-website')}}/img/login-btn.png" id="verifyotp" />
                            </div>
                            <div class="form-group">
                                <p class="text-gray">Resend code in <time id="countdown"> 0:30</time></p>
                            </div>
                        </form>
                    </div>
                </div>
                <!--//Row-->
            </div>
        </div>

        <div class="col-12">
            <div class="row">
                <img src="{{asset('laravel-website')}}/img/devider.png" alt="Image" width="100%" height="auto" />
            </div>
            <!--//Row-->
            <div class="row">
                <div class="col-12  py-1 py-sm-2 py-md-4">
                    <div class="text-center">
                        <p class="fs16 text-warning">Edit my mobile number</p>
                    </div>
                </div>
            </div>
            <!--//Row-->
        </div>
    </section>

    <script>
        /*Timer*/
        var base_url = '