@extends('dashboard.layout')
@section('title', 'إضافة مشرف جديد')

@section('content')
<div class="max-w-2xl mx-auto">
    <h2 class="text-2xl font-bold text-gray-800 mb-6">إضافة مشرف جديد</h2>

    @if($errors->any())
        <div class="bg-red-100 border border-red-300 text-red-800 p-3 rounded mb-4">
            <ul class="list-disc ms-5">
                @foreach($errors->all() as $e) <li>{{ $e }}</li> @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('dashboard.admins.store') }}" class="space-y-5 bg-white p-6 rounded-xl shadow">
        @csrf
        <div>
            <label class="block font-semibold mb-1">الاسم</label>
            <input name="name" class="form-input w-full" value="{{ old('name') }}" required>
        </div>
        <div>
            <label class="block font-semibold mb-1">البريد الإلكتروني</label>
            <input name="email" type="email" class="form-input w-full" value="{{ old('email') }}" required>
        </div>
        <div>
            <label class="block font-semibold mb-1">الدور</label>
            <select name="role" class="form-select w-full" required>
                <option value="admin">مدير</option>
                <option value="staff">موظف</option>
            </select>
        </div>
        <div>
            <label class="block font-semibold mb-1">كلمة المرور</label>
            <input name="password" type="password" class="form-input w-full" required>
        </div>
        <div>
            <label class="block font-semibold mb-1">تأكيد كلمة المرور</label>
            <input name="password_confirmation" type="password" class="form-input w-full" required>
        </div>

        <div class="flex items-center gap-4">
            <button class="px-4 py-2 bg-blue-600 text-white rounded-lg shadow hover:bg-blue-700 transition">حفظ</button>
            <a href="{{ route('dashboard.admins.index') }}" class="text-gray-600 hover:underline">إلغاء</a>
        </div>
    </form>
</div>
@endsection