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

 
    <main>
        <!-- Start register-pg -->
        <section class="register-pg">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6 pr-0 pl-0">
                        <div class="inner center-vr">
                            <div class="form-wrapper ">
                                <div class="reg_heading text-center mb-5">
                                    <div class="img-box mb-5">
                                        <img src="{{url('')}}/assets/web/images/icon.svg" alt="" class="logo"/>
                                    </div>
                                    <div class="content">
                                        <h3 class="title text-white"><b>{{__('web.code')}}</b></h3>
                                        <p class="p mb-0 text-white-50">{{__('web.codesend')}}</p>
                                        <p class="p blue">{{$email}}</p>
                                    </div>
                                </div>
                               <form method="post" action="{{url(getCurrentLocale().'/resetpassword')}}">
                                        @CSRF
                                            @if(Session::has('error'))
   <div class="col-12">
    <div  class="alert alert-danger">
<p style="color: black;">{{ Session::get('error') }}</p>
</div>
</div>
@endif<input type="hidden" name="email" value="{{$email}}">
                                    <div class="col-md-8 m-auto">
                                        <div class="form-group code-form-group mt-1">
                                            <div class="row justify-content-center mb-4">
                                              <input type="text" name="fourth" maxlength="1" required class="form-control code-input">
                                            <input type="text" name="third" maxlength="1" required class="form-control code-input">
                                            <input type="text" name="second" maxlength="1" required class="form-control code-input">
                                            <input type="text" name="first" maxlength="1" required class="form-control code-input">
                                            </div>
                                            <div class="content text-center">
                                                <a href="{{$url}}" id="resend" style="display:none" class="resend_link mb-4">{{__('web.resend')}}</a>
                                                <span class="timer" id="count_down"></span>
                                            </div>
                                        </div>
                                        <button class="submit-butn main-butn mt-5"><span>{{__('web.send')}}</span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 pr-0 pl-0">
                        <img src="{{url('')}}/assets/web/images/header-1.png" alt="" class="register-img"/>
                    </div>
                </div>
            </div>
        </section>
    </main>
    @push('js')
    <script>
   
    var timeleft = 60;
        var downloadTimer = setInterval(function() {
            if (timeleft <= 0) {
                clearInterval(downloadTimer);
                $('#resend').css('display','block');
                document.getElementById("count_down").innerHTML = '';
            } else {
                document.getElementById("count_down").innerHTML = ""+{!! json_encode(__('web.timeleft')) !!}+" " + timeleft + " "+{!! json_encode(__('web.second')) !!}+"  ";
            }
            timeleft -= 1;
        }, 1000);
</script>
    
    <script>
        $(".code-input").keyup(function () {
            if (this.value.length == this.maxLength) {
            $(this).next('.code-input').focus();
            }
        });
    </script>
    @endpush
    @stop