@extends('admin.layouts.auth')

@section('style')
@endsection

@section('content')
<main class="min-vh-100 d-flex flex-column justify-content-center align-items-center p-4">
    <div class="form-wrap set-max-360">
      <header class="text-center mb-3">
        <h1 class="page-title">Forgot Password</h1>
        <p class="page-sub mx-auto mt-2">Please enter your email or phone to recover your password</p>
      </header>

      <div class="avatar mb-4" role="img" aria-label="User">
        <img src="{{ asset('admin_assets/images/profile-img.webp') }}" alt="">
      </div>

      @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
      @endif

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

      <form method="POST" action="{{ route('admin.forgot-password.submit') }}">
        @csrf

        <div class="mb-3">
          <label for="email" class="form-label">Email Address</label>
          <input id="email" name="email" type="email" class="form-control" placeholder="hello@example.com" value="{{ old('email') }}" autocomplete="email" required autofocus>
        </div>

        <button class="btn btn-primary w-100" type="submit">Send Reset Link</button>
      </form>
    </div>
  </main>
@endsection