@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">
                <img src="{{ asset('/assets/imgs/image-admin.png') }}" alt="Logo" class="logo">
                <p>Admin Access</p>
            
                <form action="{{ route('login-post') }}" method="POST">
                    @csrf
                    <div class="mb-3 input-group">
                        <label for="email">Email</label>
                        <div class="d-flex">
                            <input type="email" value="{{ old('email') }}" name="email" required>
                        </div>
                    </div>
                    <div class="mb-3 input-group">
                        <label for="password">Password</label>
                        <div class="d-flex">
                            <input name="password" type="password" required>
                        </div>
                    </div>
                    
                       
                    <button type="submit" class="btn btn-main-oultine mt-3">Login</button>
        
                </form>

                <hr>
                <a href="{{ route('login-by-phone') }}" class="forgot-password d-block text-center">Authenticate with your phone number</a>
                <br>
                <a href="{{ route('forgot-password-form') }}" class="forgot-password d-block text-center ">Forgot Password?</a>
            </div>
        </div>
    </div>
@endsection

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

@error('password-reset')
    @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