@extends('admin.layouts.admin')
@section('content')
<div class="bg-white p-6 rounded-lg shadow-md text-right" dir="rtl">
    <div class="flex justify-between items-center mb-6 border-b pb-4">
        <h2 class="text-xl font-bold">الأسئلة الشائعة</h2>
        <a href="{{ route('admin.faq.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition">إضافة سؤال جديد</a>
    </div>
    <div class="space-y-4">
        @foreach($faqs as $faq)
        <div class="border p-4 rounded-xl bg-gray-50 flex justify-between items-center">
            <div class="flex-1">
                <h3 class="font-bold text-gray-800">{{ $faq->question }}</h3>
                <p class="text-sm text-gray-500 mt-1">{{ Str::limit($faq->answer, 100) }}</p>
            </div>
            <div class="flex gap-4 mr-4">
                <a href="{{ route('admin.faq.edit', $faq->id) }}" class="text-blue-600 hover:text-blue-800"><i class="fa-solid fa-pen"></i></a>
                <form action="{{ route('admin.faq.destroy', $faq->id) }}" method="POST" onsubmit="return confirm('هل أنت متأكد؟')">
                    @csrf @method('DELETE')
                    <button class="text-red-600 hover:text-red-800"><i class="fa-solid fa-trash"></i></button>
                </form>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection