@extends('layouts.guest')

@section('title', 'Sign In')

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

        <x-form.input
            label="Email Address"
            name="email"
            type="email"
            :value="old('email')"
            placeholder="you@example.com"
            required
            autofocus
        />

        <x-form.input
            label="Password"
            name="password"
            type="password"
            required
        />

        <div class="mb-4 form-check">
            <input type="checkbox" class="form-check-input" name="remember" id="remember" @checked(old('remember'))>
            <label class="form-check-label" for="remember">Remember me</label>
        </div>

        <button type="submit" class="btn btn-primary w-100">
            <i class="bi bi-box-arrow-in-right me-1" aria-hidden="true"></i> Sign In
        </button>
    </form>
@endsection
