@extends('layouts/main')

@push('styles')
    <link rel="stylesheet" href=" {{ asset('assets/css/login.css') }} ">
@endpush
@section('title')
    Mechanic Assistance Admin
@endsection
@section('content')
    <div class="login-container">
        <div class="overlay"></div>
        <div class="login-background">
            <div class="login-box">
                <form action="{{ route('forgot-password') }}" method="POST">
                    <div class="box-header">
                        <img src="{{ asset('/assets/imgs/image-admin.png') }}" alt="Logo" class="logo">
                        <p>Admin access</p>
                        <h5>Enter email address to recover access</h5>
                    
                    </div>
                    <br>
                    @csrf
                    <div class="mb-3 input-group">
                        <input class="forgot-password-input" type="email" name="email" placeholder="email" required>
                    </div>
                    <button type="submit" class="btn btn-main-oultine mt-3">Send</button>
        
                </form>
                <hr>
                <a href="{{ route('login') }}" class="forgot-password d-block text-center">Authenticate with your email</a>
                <br>
                <a href="{{ route('login-by-phone') }}" class="forgot-password d-block text-center">Authenticate with your phone number</a>
            </div>
        </div>
    </div>
@endsection


@error('message')
    @section('alert')
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror