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

 <main>
        <!-- Start pg-header-->
        @include('web.pages.components.header',compact('title'))

        
        <!-- Start section -->
        <section class="register-pg about-cards section py-5">
            <div class="container">
                <div class="inner col-lg-8 m-auto wow text-focus-in">
                    <div class="br_100 bg-white ">
                        <div class="head_box">
                            <img src="{{asset($page->image)}}" alt="" class="logo"/>
                        </div>
                        <div class="register_inner">
                            <div class="head-text text-center mb-5">
                                <h2 class="title color-dark fw-bold mb-3"><b> {{$page->descriptions()->title}} </b></h2>
                                <p class="p color-gray2 mb-1"> {!! $page->descriptions()->description !!} </p>
                                <p class="color-primary fw-bold mb-0 fs-6">{{$phone}}</p>
                                <p class="color-primary fw-bold mb-0 fs-6">{{Session::get('code')}}</p>
                            </div>
                            <form action="{{$action}}" method="{{$method}}">
                                @if($method == 'POST')
                                    @CSRF
                                @endif
                                <div class="col-lg-10 m-auto">
                                    <div class="form-group mb-4">
                                        <input class="form-control" required name="code" placeholder=" {{__('web.code')}}  " type="number">
                                    </div>

                                    <div id="count_down" class="d-flex mt-4 align-items-center text-center w-100 justify-content-center">
                                        <p class="m-0">{{__('web.expire_code')}}</p>
                                        <strong class="count_down  color-primary ms-2"></strong>
                                    </div>
                                    <a href="{{$resend}}" id="url_resend" style="display:none" class="underline color-secondary  text-center mt-3">{{__('web.resend')}}</a>
                                    <button class="submit_butn butn primary_butn fw-bold fs-6 mt-5 w-100 py-3"> {{__('web.next')}} </button>
                                </div>
                            </form>
                        </div>
                    </div>
                 
                </div>
            </div>
        </section>

    </main>
    
    @push('js')
    
        <script>
            let seconds = {!! json_encode(\Config::get('app.minutes')) !!} * 60
        </script>
        <script src="{{url('')}}/assets/web/js/custom/codeAction.js"></script>
    
    @endpush
    
@stop