@extends('web.layouts.layout')
@section('content')

    <main>
        <!-- Start pg_header -->

        @include('web.pages.components.header.header')

        <!-- Start section -->
        <section class="register_pg section">
            <div class="container">
                <div class="col-lg-6 mx-auto">
                    <div class="inner">
                        <div class="form_box">
                            <div class="sec_head has_border text-center mb-5">
                                <h1 class="title_head fw-bold mb-0 color-primary fs-1">  {{$title}}     </h1>
                                <p class="code_title text-center mt-3">
                                    {{__('web.enter_code')}} <b class="dir_ltr color-primary">{{$phone}}</b>
                                </p>
                            </div>
                            <form method="post" action="{{$action}}" onsubmit="formAction(this)">

                                <div class="form-group mb-4">
                                    <input type="hidden" name="phone" value="{{$phone}}">
                                    <input type="text" name="code" class="form-control digitsOnly" placeholder=" الكود   "/>
                                    <span class="icon"> <i class="fa-regular fa-hashtag"></i> </span>
                                </div>
                                <div class="d-flex w-100 mt-4 align-items-center justify-content-between">
                                    <p class="txt_code m-0 fs-6">{{__('web.code_expire_at')}}  <strong class="count_down color-primary ms-1"></strong> </p>
                                    <a href="{{$resend_url}}" class="resend_link underline color-secondary d-none  fs-6">{{__('web.resend_code')}}</a>
                                </div>

                                <button type="submit" class="submit_butn butn primary_butn w-100 mt-5 mx-auto"  > {{__('web.sure')}} </button>


                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </main>

@section('inject_js')
    <script src="{{url('')}}/assets/web/js/custom/verify.js"></script>

@endsection
@stop
