@extends('layouts.app')
@section('title', 'Log in · '.config('app.name'))
@section('css')
  .auth{max-width:420px;margin:30px auto 0}
@endsection
@section('content')
<div class="auth card">
  <h1>Welcome back</h1>
  <p class="muted" style="margin:0 0 6px">Log in to manage your wedding invitations.</p>
  <form method="POST" action="{{ url('/login') }}">
    @csrf
    <label for="email">Email</label>
    <input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="email">
    <label for="password">Password</label>
    <input id="password" type="password" name="password" required autocomplete="current-password">
    <label style="display:flex;gap:8px;align-items:center;font-weight:600;text-transform:none;font-size:14px"><input type="checkbox" name="remember" value="1" style="width:auto"> Keep me logged in</label>
    <button class="btn" style="width:100%;margin-top:18px">Log in</button>
  </form>
  @if(config('wedding.registration_open'))
    <p class="muted" style="text-align:center;margin:18px 0 0">New here? <a href="{{ route('register') }}">Create a free account</a></p>
  @endif
</div>
@endsection