@extends('backend.auth.master')

@section('title')
    {{ $data['title'] }}
@endsection

@section('content')
    <!-- form heading  -->
    <div class="form-heading mb-40">
        <h1 class="title mb-8">{{ ___("school.OTP Verification") }}</h1>
        <!-- <h3>सूचना  : जर तुम्हाला ई-मेल ओटीपी प्राप्त नसेल झाला तर आपल्या ई-मेल चा SPAM फोल्डर चेक करा</h3> -->
    </div>
    <!-- Start With form -->

    <form action="{{ route('otp.verification') }}" method="post" class="auth-form d-flex justify-content-center align-items-start flex-column">
        @csrf
        <input type="hidden" name="code" value="{{$data['code']}}" />
        <!-- username input field  -->
        <!-- <div class="input-field-group mb-20">
            <label for="username">{{ ___('school.enter_email_otp') }} : <sup class="fillable text-danger">*</sup> </label><br />
            <div class="custom-input-field">
                <input type="text" name="otp" class="ot-input @error('otp') is-invalid @enderror" id="username" value="" />
                @error('otp')
                    <p class="input-error error-danger invalid-feedback">{{ $message }}</p>
                @enderror
                
            </div>
            <div class="resend-otp mt-20">
            <span class="">{{ ___("school.Didn't receive the verification OTP") }}? <a href="{{route('resend.code', $data['code'])}}">{{ ___("school.Resend code") }}</a></span>
            </div>

        </div> -->

        <div class="input-field-group">
            <label for="username">{{ ___('school.enter_mobile_otp') }} : <sup class="fillable text-danger">*</sup></label><br />
            <div class="custom-input-field">
                <input type="text" name="mobile_otp" class="ot-input @error('mobile_otp') is-invalid @enderror" id="username" value="" />
                @error('mobile_otp')
                    <p class="input-error error-danger invalid-feedback">{{ $message }}</p>
                @enderror
            </div>
            <div class="resend-otp mt-20">
                <span class="">{{ ___("school.Didn't receive the verification OTP") }}? <a href="{{route('resend.mobile-otp', $data['code'])}}">{{ ___("school.Resend code") }}</a></span>
                </div>

        </div>

        <!-- submit button  -->
        <button type="submit" class="submit-btn pv-16 mt-32 mb-20" value="Sign In">
            {{___('common.Verify')}}
        </button>
    </form>
    <!-- End form -->
    {{-- <p class="authenticate-now mb-0">
        <a class="link-text" href="{{ route('login') }}"> {{ ___('common.login') }}</a>
    </p> --}}

@endsection
@section('script')
    {!! NoCaptcha::renderJs() !!}
@endsection