@extends('layouts.guest', ['title' => 'Connexion'])

@section('content')
<div class="guest-card">
  <h1>Connexion</h1>

  <form method="POST" action="{{ route('login.store') }}">
    @csrf

    <div class="form-grid">

      <div class="form-row">
        <label for="email">Email</label>
        <input id="email" name="email" type="email" value="{{ old('email') }}" required autocomplete="email">
        @error('email') <div class="form-error">{{ $message }}</div> @enderror
      </div>

      <div class="form-row">
        <label for="password">Mot de passe</label>
        <input id="password" name="password" type="password" required autocomplete="current-password">
        @error('password') <div class="form-error">{{ $message }}</div> @enderror
      </div>

      <div class="form-meta">
        <label class="form-check">
          <input type="checkbox" name="remember">
          Se souvenir de moi
        </label>

        <a class="link" href="{{ route('password.request') }}">Mot de passe oublié ?</a>
      </div>

      <div class="form-actions">
        <button class="btn" type="submit">Se connecter</button>
        <a class="btn2" href="{{ route('register') }}">Créer un compte</a>
      </div>
      
      <div class="form-security">🔒 Connexion sécurisée — vos données sont protégées et traitées de manière confidentielle.
      </div>

    </div>
  </form>
</div>
@endsection