@extends('admin.layouts.app')
@section('title', __('admin.menu_faqs'))
@section('heading', __('admin.menu_faqs'))
@section('content')
<x-admin.filter-scope>
@can(\App\Models\Permission::PERMISSION_FAQ_CREATE)
    <x-admin.page-header :title="__('admin.menu_faqs')" :create-route="route('admin.faqs.create')" :show-filter="true" />
@else
    <x-admin.page-header :title="__('admin.menu_faqs')" :show-filter="true" />
@endcan
<x-admin.filter-panel>
    @include('admin.partials.search')
</x-admin.filter-panel>
<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{ __('admin.title') }}</th>
                    <th>{{ __('admin.icon') }}</th>
                    <th>{{ __('admin.status') }}</th>
                    <th class="admin-table-actions">{{ __('admin.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse($faqs as $faq)
                    <tr>
                        <td>{{ $faq->id }}</td>
                        <td>{{ locale_field($faq, 'title') ?: \Illuminate\Support\Str::limit((string) locale_field($faq, 'description'), 40) }}</td>
                        <td>
                            @php($iconKey = $faq->icon ?: 'question-mark-circle')
                            <div class="inline-flex items-center gap-2">
                                <span class="inline-flex h-9 w-9 items-center justify-center rounded-lg" style="background: var(--eca-category-hover-bg); color: var(--eca-text);">
                                    <x-site.icon :name="$iconKey" class="h-6 w-6" />
                                </span>
                             </div>
                        </td>
                        <td>
                            <x-admin.status-badge :status="$faq->status" />
                        </td>
                        <td class="admin-table-actions">
                            <x-admin.table-actions
                                :edit-href="auth()->user()->can(\App\Models\Permission::PERMISSION_FAQ_UPDATE) ? route('admin.faqs.edit', $faq) : null"
                                :delete-action="auth()->user()->can(\App\Models\Permission::PERMISSION_FAQ_DESTROY) ? route('admin.faqs.destroy', $faq) : null"
                                :toggle-action="auth()->user()->can(\App\Models\Permission::PERMISSION_FAQ_UPDATE) ? route('admin.faqs.toggle', $faq) : null"
                            />
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="admin-empty">{{ __('admin.empty') }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-4">{{ $faqs->links() }}</div>
</div>
</x-admin.filter-scope>
@endsection