@extends('layout.mainlayout-without-img')

@section('content')

    <div class="full-page singup">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-8 col-md-6 col-lg-5">
                    <div class="singup-form verification-form">
                        <div class="form-cntnt text-center">
                            <h2 class="h2 logo-name"><img @if(!empty(config('services.PROFILE_ID'))) src="/images/{{config('services.PROFILE_LOGO')}}" @else src="/images/logo-white.png" @endif style="width:200px;" /></h2>
                            <p class="welcome"><br /><br /></p>
                        </div> <!-- Form Content -->
                        <form class="main-form my-5" action="signup">
                            <div class="form-desc">
                                <h3 class="h4 form-head mb-0">{{trans("web.verification_code")}}</h3>
                                <p>{{trans("web.verification_code_desc")}} <br> {{trans("web.verification_code_mobile")}} <span style="direction: ltr" class="ver-mobile">{{$mobile_no}}</span></p>
                            </div> <!-- Form Description -->
                            <div class="row">
                                <div class="col">
                                    <div class="alert alert-danger" role="alert" style="display: none;"></div>
                                </div>
                            </div>
                            <div class="all-form">
                                <div class="fields num my-4 d-flex" style="direction: ltr">
                                    <input type="number" class="ver-number d-inline-block" id="ist" maxlength="1" name="ist" onkeyup="focs(this, 'sec')">
                                    <input type="number" class="ver-number d-inline-block" id="sec" maxlength="1" onkeyup="focs(this, 'third')">
                                    <input type="number" class="ver-number d-inline-block" id="third" maxlength="1" onkeyup="focs(this, 'fourth')">
                                    <input type="number" class="ver-number d-inline-block" id="fourth" maxlength="1" onkeyup="focs(this, 'fifth')">
                                    <input type="number" class="ver-number d-inline-block" id="fifth" maxlength="1">
                                </div> <!-- End Fields Number-->
                            </div>
                            <div class="btns text-center my-3">
                                <button id="next-verification" class="btn next-btn btn-btm d-block w-100">{{trans("web.next")}}</button>
                            </div> <!-- End Buttons Div-->
                        </form> <!-- End Main Form -->
                        <footer class="form-footer text-center d-sm-block" style="margin-top: 100px;">
                            <p class="copy">{{trans("web.footer_stamp")}}</p>
                            <a href="#" class="link d-block">{{trans("web.policy")}}</a>
                            <a href="#" class="link d-block">{{trans("web.terms")}}</a>
                        </footer>
                    </div>
                </div> <!-- End column -->
            </div> <!-- End Row -->
        </div> <!-- End Container-->
    </div> <!-- End Full Page -->

@endsection