@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="head_box">
                        <img src="{{url('')}}/assets/web/images/logo_white.svg" class="logo" alt="">
                    </div>
                    <div class="form_box">
                        <div class="text_box text-center mb-5">
                            <h4 class="fw-bold color-secondary"> {{__('web.verify_code')}}   </h4>
                            <div class="p ">   {{__('web.enter_code_sent')}} </div>
                            <div class="color-primary fw-bold mt-3">{{$email}}</div>
                        </div>
                        <form method="POST" action="{{$action}}" onsubmit="formAction(this)">
                            @CSRF
                            <input type="hidden" name="email" value="{{$email}}">
                            <div class="form-group mb-4">
                                <input type="text" name="code" class="form-control" placeholder=" {{__('web.code')}} "/>
                                <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                            </div>

                            <div class="d-flex w-100 mt-4 align-items-center justify-content-between">
                                <p class="code_txt m-0">{{__('web.code_expire_at')}}  <strong class="count_down color-primary ms-2"></strong> </p>
                                <a href="{{$resend_url}}" id="resend" class="resend_link underline color-secondary ">{{__('web.resend_code')}}</a>


                            </div>

                            <button type="submit" class="submit_butn butn primary_butn 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