@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 text-gray-800">تعديل السؤال</h2>
    <form action="{{ route('admin.faq.update', $faq->id) }}" method="POST" class="space-y-6">
        @csrf @method('PUT')
        <div>
            <label class="block font-bold mb-2">السؤال</label>
            <input type="text" name="question" value="{{ $faq->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>{{ $faq->answer }}</textarea>
        </div>
        <div>
            <label class="block font-bold mb-2">الترتيب</label>
            <input type="number" name="sort_order" value="{{ $faq->sort_order }}" class="w-full border p-3 rounded-lg outline-none focus:ring-2 focus:ring-blue-500">
        </div>
        <div class="flex gap-4">
            <button type="submit" class="flex-1 bg-blue-600 text-white font-bold py-3 rounded-lg hover:bg-blue-700 transition">تحديث</button>
            <a href="{{ route('admin.faq.index') }}" class="flex-1 bg-gray-200 text-gray-700 text-center py-3 rounded-lg font-bold">إلغاء</a>
        </div>
    </form>
</div>
@endsection