@extends('layouts.auth-app')
@section('title', 'Verify Code')


@section('content')
    <form class="login100-form validate-form mojere-login otp-verify" method="POST"
        action="{{ route('auth.passwords.verify.post', $email) }}">
        @csrf

        <div class="brand-head">
            <div class="brand-logo">
                <img src="{{ asset('assets/img/Mojere Logo1.jpg') }}" alt="Mojere">
            </div>
            <div class="brand-name">Mojere</div>
        </div>

        <span class="login100-form-title p-b-10">
            {{ __('Forgot password') }}
        </span>
        <p class="login-subtitle">No worries, we will send you reset instructions.</p>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <p class="otp-note">A code was sent to <span class="otp-email">{{ $email }}</span> via email</p>

        <input type="hidden" name="email" value="{{ $email }}">

        <div class="otp-input-wrap otp-boxes">
            <input id="code" type="hidden" name="code" value="{{ old('code') }}">
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box @error('code') is-invalid @enderror" data-otp-digit required autofocus>
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box @error('code') is-invalid @enderror" data-otp-digit required>
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box @error('code') is-invalid @enderror" data-otp-digit required>
            <input type="text" inputmode="numeric" maxlength="1" class="otp-box @error('code') is-invalid @enderror" data-otp-digit required>
        </div>

        @error('code')
            <span class="invalid-feedback d-block text-center" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror

        <div class="change-email">
            <a href="{{ route('admin.password-reset') }}" class="txt1">Change email</a>
        </div>

        <div class="container-login100-form-btn">
            <button type="submit" class="login100-form-btn">
                {{ __('Next') }}
            </button>
        </div>

        <div class="resend-wrap">
            <span>Didn't receive a code?</span>
            <form action="{{ route('admin.password-reset.post') }}" method="POST" class="inline-block">
                @csrf
                <input type="hidden" name="email" value="{{ $email }}">
                <button type="submit" class="txt1">Resend code</button>
            </form>
        </div>
    </form>
@endsection