@extends('site_builder.layouts.app')

@section('title', 'Iniciar Sesión')

@section('content')
    <div class="mx-auto max-w-md">
        <h1 class="font-display text-3xl font-semibold text-ink-900">Giriş Yap</h1>
        <p class="mt-2 text-sm text-ink-700">Hesabına giriş yap, sitenin sihirbazına devam et.</p>

        <form method="POST" action="{{ route('sitebuilder.auth.login.post') }}" class="mt-8 space-y-5">
            @csrf

            <div>
                <label for="email" class="block text-sm font-medium text-ink-800">E-posta</label>
                <input
                    type="email"
                    name="email"
                    id="email"
                    value="{{ old('email') }}"
                    required
                    class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
                >
                @error('email')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="password" class="block text-sm font-medium text-ink-800">Şifre</label>
                <input
                    type="password"
                    name="password"
                    id="password"
                    required
                    class="mt-1 block w-full rounded-lg border border-brand-200 bg-white px-3 py-2 text-sm text-ink-900 shadow-sm focus:border-brand-500 focus:outline-none focus:ring-1 focus:ring-brand-500"
                >
                @error('password')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div class="flex items-center gap-2">
                <input type="checkbox" name="remember" id="remember" class="h-4 w-4 rounded border-brand-300 text-brand-600 focus:ring-brand-500">
                <label for="remember" class="text-sm text-ink-700">Beni hatırla</label>
            </div>

            <button
                type="submit"
                class="w-full rounded-lg bg-brand-600 px-4 py-2.5 text-sm font-semibold text-white shadow-glow transition hover:bg-brand-700"
            >
                Giriş Yap
            </button>
        </form>

        <p class="mt-6 text-center text-sm text-ink-700">
            Hesabın yok mu?
            <a href="{{ route('sitebuilder.auth.register') }}" class="font-medium text-brand-600 hover:text-brand-700">Kayıt ol</a>
        </p>
    </div>
@endsection