@extends('layouts.app')
@section('title','Connexion')
@section('content')
<div style="min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c2350,#241433);padding:20px">
  <div style="background:#fff;border-radius:18px;padding:36px;max-width:400px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.35)">
    <h1 style="font-size:1.4rem;margin-bottom:4px;color:#1c2350">Yggdrasil Back-office</h1>
    <p style="color:#6b6357;margin-bottom:22px;font-size:.92rem">Connectez-vous pour continuer.</p>
    @if(session('ok'))<div style="background:#d7f5dd;color:#1e7e44;padding:11px;border-radius:9px;margin-bottom:14px;font-size:.88rem">{{ session('ok') }}</div>@endif
    @if($errors->any())<div style="background:#fadbd8;color:#a93226;padding:11px;border-radius:9px;margin-bottom:14px;font-size:.88rem">{{ $errors->first() }}</div>@endif
    <form method="post" action="{{ route('login.attempt') }}">
      @csrf
      <label>Email</label>
      <input type="email" name="email" value="{{ old('email') }}" required autofocus>
      <label>Mot de passe</label>
      <input type="password" name="password" required>
      <label style="display:flex;gap:8px;align-items:center;font-weight:500;margin-top:14px"><input type="checkbox" name="remember" checked style="width:auto"> Se souvenir de moi</label>
      <button class="btn" style="width:100%;justify-content:center;margin-top:18px">Se connecter</button>
    </form>
    <p style="margin-top:16px;font-size:.88rem;text-align:center"><a href="{{ route('password.request') }}" style="color:#6b6357">Mot de passe oublié ?</a></p>
  </div>
</div>
@endsection