@extends('layouts.app')
@section('title', 'Giris Yap')
@section('content')
<div class="max-w-sm mx-auto mt-16 bg-white border border-slate-200 rounded-xl p-8 shadow-sm">
    <h1 class="text-xl font-semibold mb-1">Codeilla Ads Panel</h1>
    <p class="text-sm text-slate-500 mb-6">Hesabiniza giris yapin.</p>

    <form method="POST" action="{{ route('login.attempt') }}" class="space-y-4">
        @csrf
        <div>
            <label class="block text-sm font-medium mb-1">E-posta</label>
            <input type="email" name="email" value="{{ old('email') }}" required autofocus
                   class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-slate-900">
        </div>
        <div>
            <label class="block text-sm font-medium mb-1">Sifre</label>
            <input type="password" name="password" required
                   class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-slate-900">
        </div>
        <label class="flex items-center gap-2 text-sm text-slate-600">
            <input type="checkbox" name="remember"> Beni hatirla
        </label>
        <button type="submit" class="w-full bg-slate-900 text-white rounded-lg py-2 text-sm font-medium hover:bg-slate-800">
            Giris Yap
        </button>
    </form>
</div>
@endsection