@extends('Admin.layouts.app')
@section('title', 'FAQ List')

@section('content')
<div class="card-header py-3">
    <h6 class="page-title h3 mb-2">FAQs</h6>
</div>
<div class="card">
    <div class="mt-2 text-end">
        <a href="{{ route('admin.faqs.create') }}" class="btn-gazna mt-3">Add FAQ</a>
    </div>
    <div class="">
        @if(Session::has('done'))
             <div class="alert alert-success">{{ Session::get('done') }}</div> 
        @endif
        @if(Session::has('delete'))
             <div class="alert alert-danger">{{ Session::get('delete') }}</div> 
        @endif

        <div class="table-responsive faq-table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>User Type</th>
                        <th>Question</th>
                        <th>Answer</th>
                        <th width="105px">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($faqs as $faq)
                        <tr>
                            <td>{{ ucfirst($faq->user_type) }}</td>
                            <td>{{ $faq->question }}</td>
                            <td>{{ $faq->answer ?? 'Pending' }}</td>
                            <td class="faq-btns">
                                <a href="{{ route('admin.faqs.edit', $faq->id) }}" class="btn btn-sm btn-primary"><img src="../admin/img/edit-icon.svg" alt=""></a>
                                <form action="{{ route('admin.faqs.destroy', $faq->id) }}" method="POST" style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')"><img src="../admin/img/delete-icon.svg" alt=""></button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center">No FAQs found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection