@extends('web.layouts.layout')
@section('content')
    <main>
        <!-- Start section -->
        @include('web.layouts.header')
        <!-- Start section -->
        <section class="register_pg section pt-4">
            <div class="container">
                <div class="inner mt-5">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="box">
                                <div class="zi-5">
                                    <img src="{{asset($page->image)}}" class="logo mb-4" alt=""/>
                                    <p class="p mb-4 text-white">
                                        {!! $page->description !!}
                                    </p>

                                </div>
                                <img src="{{url('')}}/assets/web/images/header_bg_1.svg" class="bg" alt=""/>
                            </div>
                        </div>
                        <div class="col-lg-7">
                            <form method="POST" action="{{$action}}" onsubmit="formAction(this)" class="form">
                                @CSRF
                                <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                                    {{ __('web.validation_code') }}
                                    <img src="{{url('')}}/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                                </h2>
                                <div class="text-center">
                                    <p class="p color-gray2 mb-1">
                                       {{ __('web.enter_code') }}
                                    </p>
                                    <p class=" fs-6 fw-bold">
                                        {{$target}}
                                    </p>
                                </div>
                                <div class="form_inner">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold"> {{ __('web.code') }} </label>
                                        <input type="text" name="code" class="form-control" placeholder="1234" />
                                    </div>
                                    <div class="in-flex flex-wrap px-3 mt-4">
                                        <div class="d-flex ">
                                            <p class="m-0"> {{ __('web.will_expire') }}      </p>
                                            <strong class="count_down d-block color-primary ms-2"></strong>
                                        </div>
                                        <a href="{{$url}}" style="display: none" class="underline color-secondary text-center resend_code"> {{ __('web.resend_code') }}     </a>

                                    </div>


                                    <button type="submit" class="butn primary_butn mt-5 fs-6">{{ __('web.submit') }} </button>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start section -->
        @include('web.layouts.newsletter')

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

@stop
