@extends('layouts.app')
@section('title', 'Connexion')
@section('content')
<div class="row justify-content-center mt-5">
    <div class="col-md-4">
        <div class="card shadow-sm">
            <div class="card-body">
                @php
                    $logo = collect(['logo.png', 'logo.jpg', 'logo.jpeg', 'logo.svg'])
                        ->first(fn ($f) => file_exists(public_path('images/'.$f)));
                @endphp
                <div class="text-center mb-4">
                    @if($logo)
                        <img src="{{ asset('images/'.$logo) }}" alt="Logo" style="max-height:140px;">
                    @else
                        <h4 class="card-title">🚢 Suivi Transports</h4>
                    @endif
                </div>
                <form method="POST" action="{{ route('login') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email') }}" required autofocus>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Mot de passe</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>
                    <div class="mb-3 form-check">
                        <input type="checkbox" name="remember" class="form-check-input" id="remember">
                        <label class="form-check-label" for="remember">Se souvenir de moi</label>
                    </div>
                    <button class="btn btn-primary w-100">Se connecter</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection