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

<main>

    <!-- Start login_pg -->
    <section class="login_pg pt-5 pb_120 section">
        <div class="container">
            <div class="col-lg-6 m-auto">
                <div class="inner">
                    <h1 class="title text-center fs-2 mb-4 pb-1 fw-bold">{{__('web.verify_code')}}  </h1>
                    <p class="p text-center mb-4 pb-1">
                        {{__('web.verify_code_desc')}}
                        <b class="d-block">{{$email}}</b>
                    </p>
                    <form method="post" action="{{$action}}" onsubmit="formAction(this)" class="form">
                        @CSRF
                        <div class="form-group">
                            <input type="text" name="code" class="form-control" placeholder="{{__('web.code')}}" />
                            <img src="{{url('')}}/assets/web/images/icons/prof_tab_6.svg" class="icon" alt=""/>
                        </div>
                        <div class="mt-4 pt-1 text-center">
                            <p class="m-0">{{__('web.expire_in')}} </p>
                            <strong class=" d-block d-block color-primary mt-2"><span class="count_down me-1">1</span> {{__('web.second')}} </strong>
                        </div>
                        <p id="resend" style="display:none">{{__('web.not_reach_email')}}  <a   href="{{$url}}" class="text-decoration-underline">{{__('web.resend')}}</a></p>
                        <button type="submit" class="butn primary_butn m-auto mt-5 py-3 px-5 fw-bold">  {{__('web.send')}}   </button>
                    </form>
                </div>
            </div>
        </div>
    </section>

</main>


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

@endsection
