@extends('admin.layouts.admin')
@section('content')
<div class="max-w-3xl mx-auto bg-white p-8 rounded-xl shadow-md text-right" dir="rtl">
    <h2 class="text-xl font-bold mb-6 border-b pb-4">إضافة سؤال جديد</h2>
    <form action="{{ route('admin.faq.store') }}" method="POST" class="space-y-6">
        @csrf
        <div>
            <label class="block font-bold mb-2">السؤال</label>
            <input type="text" name="question" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" required>
        </div>
        <div>
            <label class="block font-bold mb-2">الإجابة</label>
            <textarea name="answer" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500" rows="5" required></textarea>
        </div>
        <div>
            <label class="block font-bold mb-2">ترتيب العرض (اختياري)</label>
            <input type="number" name="sort_order" value="0" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500">
        </div>
        <button type="submit" class="w-full bg-green-600 text-white font-bold py-3 rounded-lg hover:bg-green-700 transition">حفظ السؤال</button>
    </form>
</div>
@endsection