<x-guest-layout>

    <x-auth-session-status
        class="mb-4"
        :status="session('status')"
    />

    <form method="POST" action="{{ route('login') }}" style="padding: 20px;">
        @csrf

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-2">
                Email Address
            </label>

            <input
                type="email"
                name="email"
                value="{{ old('email') }}"
                required
                autofocus
                class="w-full rounded-md border-gray-300 focus:border-green-500 focus:ring-green-500"
            >

            <x-input-error
                :messages="$errors->get('email')"
                class="mt-2"
            />
        </div>

        <div class="mt-4">
            <label class="block text-sm font-medium text-gray-700 mb-2">
                Password
            </label>

            <input
                type="password"
                name="password"
                required
                class="w-full rounded-md border-gray-300 focus:border-green-500 focus:ring-green-500"
            >

            <x-input-error
                :messages="$errors->get('password')"
                class="mt-2"
            />
        </div>

        <div class="flex items-center justify-between mt-4">

            <label class="flex items-center">
                <input
                    type="checkbox"
                    name="remember"
                    class="rounded border-gray-300"
                >

                <span class="ml-2 text-sm text-gray-600">
                    Remember me
                </span>
            </label>

            <!-- @if (Route::has('password.request'))
                <a
                    href="{{ route('password.request') }}"
                    class="text-sm text-green-600 hover:text-green-700"
                >
                    Forgot password?
                </a>
            @endif -->

        </div>

        <button
            type="submit"
            class="w-full mt-6 bg-green-600 hover:bg-green-700 text-white font-medium py-3 rounded-md"
        >
            Sign In
        </button>

    </form>

</x-guest-layout>