@extends('auth.auth_layout')

@section('content')
@include('auth.page_title', ['pageTitleMessage' => 'Verify OTP'])

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                {{-- <div class="card-header">{{ __('Verify OTP') }}</div> --}}
                <div class="col-12 text-end">
                    <a href="{{ route('login') }}"
                       class="btn btn-link text-muted text-decoration-none"
                       style="font-size: 0.875rem;">
                       login
                       <i class="fas fa-arrow-right fa-sm text-muted me-2"></i>
                    </a>
                </div>

                <div class="card-body">
                    <form method="POST" action="{{ route('auth.verify_otp') }}">
                        @csrf

                        <div class="mb-3">
                            <label class="form-label" for="otp"><b>Enter OTP:</b>
                                @if(isset($email))
                                {{ $email }}
                                @else
                                {{ request('email') }}
                                @endif
                            </label>
                            <input type="number"
                                   name="otp"
                                   class="form-control @error('otp') is-invalid @enderror"
                                   value="{{ old('otp') }}"
                                   placeholder="123456"
                                   required
                                   autofocus>
                            @error('otp')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <input type="hidden" name="email" value="{{ request('email') }}">


                        <div class="form-group row mb-0">
                            <div class="col-md-11 text-center  offset-md-4">
                                <button type="submit" class="btn btn-xs btn-primary">
                                    {{ __('Verify OTP') }}
                                </button>
                            </div>
                        </div>

                        <hr>



                        {{-- <div class="col-12 ">
                            <div class="float-end">
                                <a href="{{ route('auth.enter_password', ['email' => request('email')]) }}"
                                    class="btn btn-xs text-sm text-gray-600 hover:text-gray-900" style="font-size: 0.875rem;">
                                    {{ __('Enter Password Instead?') }}
                                </a>
                            </div>
                        </div> --}}
                    </form>
                    <form method="POST" action="{{ route('auth.resend_otp') }}">
                        @csrf
                        <input type="hidden"
                               name="email"
                               value="{{ request('email') }}">


                        <div class="form-group row mb-0">
                            <div class="col-md-11 text-center mb-5  offset-md-4">
                                <button type="submit" class="btn btn-xs text-gray-600 hover:text-gray-900" style="font-size: 0.875rem;">
                                    {{ __('Resend OTP') }}
                                </button>


                            </div>
                            <div class="float-right pull-right col-8">
                            @include('whatsapp', [
                                'message_show' => 'false',
                                'message' => 'I am chatting you up from the OTP verification page of braintem.org'
                            ])
                            </div>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection