@extends('layouts.app', ['title' => 'تسجيل الدخول'])

@section('content')
<div style="max-width: 500px; margin: 80px auto;">
    <div class="card">
        <h2 style="margin-top: 0;">Laravel API Tester</h2>
        <p class="small">سجل الدخول للوصول إلى أداة اختبار الـ API.</p>

        @if($errors->any())
            <div class="alert alert-danger">
                @foreach($errors->all() as $error)
                    <div>{{ $error }}</div>
                @endforeach
            </div>
        @endif

        <form method="POST" action="{{ route('login.perform') }}">
            @csrf

            <div style="margin-bottom: 14px;">
                <label>اسم المستخدم</label>
                <input type="text" name="username" value="{{ old('username') }}" autocomplete="username">
            </div>

            <div style="margin-bottom: 14px;">
                <label>كلمة المرور</label>
                <input type="password" name="password" autocomplete="current-password">
            </div>

            <button type="submit">دخول</button>
        </form>
    </div>
</div>
@endsection