📄 login.blade.php

<x-auth-layout>
    <x-slot name="title">Sign In</x-slot>
    <h2 class="text-xl font-bold text-gray-900 mb-6 text-center">Welcome back</h2>
    @if ($errors->any())
        <div class="bg-red-50 border border-red-200 text-red-700 rounded-lg px-4 py-3 text-sm mb-4">
            @foreach ($errors->all() as $error)<p>{{ $error }}</p>@endforeach
        </div>
    @endif
    <form method="POST" action="{{ route('login') }}" class="space-y-4">
        @csrf
        <div>
            <label class="label" for="email">Email Address</label>
            <input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus class="input">
        </div>
        <div>
            <div class="flex items-center justify-between">
                <label class="label" for="password">Password</label>
                @if(Route::has('password.request'))
                    <a href="{{ route('password.request') }}" class="text-xs text-primary-600 hover:underline">Forgot password?</a>
                @endif
            </div>
            <input id="password" type="password" name="password" required class="input">
        </div>
        <div class="flex items-center gap-2">
            <input type="checkbox" name="remember" id="remember" class="rounded border-gray-300 text-primary-600">
            <label for="remember" class="text-sm text-gray-600">Remember me</label>
        </div>
        <button type="submit" class="btn-primary w-full">Sign In</button>
    </form>
    <p class="text-center text-sm text-gray-500 mt-6">
        Don't have an account? <a href="{{ route('register') }}" class="text-primary-600 hover:underline font-medium">Register</a>
    </p>
</x-auth-layout>