@extends('admin.layout')
@section('title', 'Admin Girişi')
@section('content')
<div style="max-width:380px;margin:60px auto;background:#fff;padding:32px 28px;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,0.08);text-align:center;">
    <div style="margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;">
        <img src="{{ asset('images/bera-logo.png') }}" alt="Bera Hotels" style="max-width:210px;height:auto;display:inline-block;">
    </div>
    
    <h2 style="font-size:20px;margin:0 0 6px 0;color:#1d2327;font-weight:600;">Admin Girişi</h2>
    <p style="font-size:13px;color:#666;margin:0 0 20px 0;">Yönetim paneline erişmek için giriş yapınız.</p>

    @if ($errors->any())
        <div style="background:#fde8e8;color:#9b1c1c;padding:10px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:left;">
            {{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ route('admin.login') }}" style="text-align:left;">
        @csrf
        <label style="font-size:13px;color:#333;margin-bottom:6px;display:block;">E-posta</label>
        <input type="email" name="email" value="{{ old('email') }}" placeholder="admin@bera.com.tr" required autofocus style="border:1px solid #ccd0d4;border-radius:4px;padding:9px 12px;font-size:14px;margin-bottom:14px;">
        
        <label style="font-size:13px;color:#333;margin-bottom:6px;display:block;">Şifre</label>
        <input type="password" name="password" placeholder="••••••••" required style="border:1px solid #ccd0d4;border-radius:4px;padding:9px 12px;font-size:14px;margin-bottom:20px;">
        
        <button class="btn" type="submit" style="width:100%;padding:11px;font-size:15px;font-weight:600;border-radius:4px;background:#006699;border:none;cursor:pointer;color:#fff;">Giriş Yap</button>
    </form>
</div>
@endsection