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

  <main>

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

        <!-- Start register-sec -->
        <section class="register-pg section">
            <div class="container">
                <div class="col-md-7 m-auto">
                    <div class="register-box wow fadeInUp">
                        <div class="head">
                            <div class="logo-box">
                                <img src="{{url('')}}/assets/web/images/logo.svg" alt="" class="logo"/>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="head-text text-center mb-5">
                                <h2 class="title color-dark"><b> {{__('web.verify')}} {{__('web.code')}} </b></h2>
                                <p class="p color-gray2 mb-1"> {{__('web.please_enter_code')}} </p>
                                <p class="color-secondary fw-bold fs-6">+{{$phone}}</p>
                                <p class="color-secondary fw-bold fs-6">{{$code}}</p>
                            </div>
                            @if (\Session('error'))
                                  <div class="alert alert-danger">
                                      <ul>
                                             <li>{{ \Session('error') }}</li>
                                      </ul>
                                  </div>
                              @endif
                            @if ($errors->any())
                                  <div class="alert alert-danger">
                                      <ul>
                                          @foreach ($errors->all() as $error)
                                              <li>{{ $error }}</li>
                                          @endforeach
                                      </ul>
                                  </div>
                              @endif
                            <form action="{{url(getCurrentLocale().'/verify/code')}}">
                                <div class="col-lg-10 m-auto">
                                    <div class="form-group mb-4">
                                        <input class="form-control" placeholder="{{__('web.code')}}" name="code" type="number">
                                    </div>
                                    <div id="count_down" class=" mt-4 align-items-center text-center w-100 justify-content-center">
                                        <p class="m-0">{{__('web.will_finish')}} </p>
                                        <strong class="count_down d-block color-primary ms-2"></strong>
                                    </div>
                                    <a id="url_resend" style="display:none" href="{{$url}}" 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" type="submit" > {{__('web.sure')}} </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
    
@push('js')
    <script src="{{url('')}}/assets/web/js/custom/verifyAction.js"></script>
@endpush
@stop