@extends('layouts.auth-app')
@section('title', 'Login Page')


@section('content')
    <form class="login100-form validate-form mojere-login" action="{{ route('admin.password-reset.post') }}"
        method="POST">
        @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

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        {{--       @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif --}}

        <div class="field">
            <label class="field-label" for="email">Email</label>
            <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                <i class="fa fa-envelope input-icon"></i>
                <input id="email" class="input100" type="text" name="email" value="{{ old('email') }}"
                    autocomplete="email" placeholder="Enter your email address">
            </div>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="container-login100-form-btn">
            <button class="login100-form-btn">
                Reset password
            </button>
        </div>

        <div class="back-link-wrap">
            <a href="{{ route('admin.login') }}" class="back-link">
                <i class="fa fa-long-arrow-left"></i>
                <span>Back to sign in</span>
            </a>
        </div>
    </form>
@endsection