@extends('layouts.app')

@section('content')
    <div class="wrapper default">
        <div class="container">
            <div class="row">
                <div class="main-content col-12 col-md-7 col-lg-5 mx-auto">
                    <div class="account-box verify-phone-number">
                        <div class="logo-in-box text-center pt-3 pb-2">
                            <a href="{{url('/')}}" class="d-block">
                                <img src="{{(get_option('site_logo') != null ? url('/assets/img/'.get_option('site_logo')) : url('/assets/img/logo.png') )}}" alt="">
                            </a>
                        </div>
                        <div class="message-light">
                            برای شماره همراه {{session('mobile')}} کد تایید ارسال گردید
                            <a href="{{url('register')}}" class="btn-link-border form-account-link">
                                ویرایش شماره
                            </a>
                        </div>
                        <div class="account-box-content">
                            <form class="form-account" onsubmit="return false;">
                                <div class="form-account-title">کد تایید را وارد کنید</div>
                                <div class="form-account-row numbers-verify">
                                    <div class="lines-number-input">
                                        <input type="number" name="code_1" class="line-number" maxlength="1" id="input_1" autofocus autocomplete="off" onkeyup="moveOnMax(this,'input_2')">
                                        <input type="number" name="code_2" class="line-number" maxlength="1" id="input_2" autocomplete="off" onkeyup="moveOnMax(this,'input_3')">
                                        <input type="number" name="code_3" class="line-number" maxlength="1" id="input_3" autocomplete="off" onkeyup="moveOnMax(this,'input_4')">
                                        <input type="number" name="code_4" class="line-number" maxlength="1" id="input_4" autocomplete="off" onkeyup="moveOnMax(this,'input_5')">
                                        <input type="number" name="code_5" class="line-number" maxlength="1" id="input_5" autocomplete="off">
                                    </div>
                                </div>
                                <div class="form-account-row">
                                    <p id="trysmsmessage" style="display: none"><a href="JavaScript:void(0);" class="btn-link-border" onclick="trysms();">دریافت مجدد کد</a></p>
                                    <div id="timershow"> دریافت مجدد کد: <span id="timer"></span></div>
                                </div>
                            </form>
                        </div>
                        <div class="account-box-footer">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @endsection

@section('footer')
<script type="text/javascript" src="{{url('/assets/js/verify.js')}}"></script>

@stop