@extends('layouts.admin')
@section('title', 'FAQ')
@push('breadcrumb')
<div class="breadcrumb-sep">/</div><div class="breadcrumb-item">FAQ</div>
@endpush
@push('actions')
<a href='{{ route('admin.faqs.create') }}' class='btn btn--primary btn--sm'>+ Tambah FAQ</a>
@endpush
@section('content')
<div class="admin-table-card">
    <div class="admin-table-head"><div class="admin-table-title">Semua FAQ</div></div>
    <div class="admin-table-wrap">
        <table class="w-full">
            <thead><tr><th>Pertanyaan (ID)</th><th>Kategori</th><th>Status</th><th>Aksi</th></tr></thead>
            <tbody>
                @foreach($faqs as $faq)
                <tr>
                    <td>{{ $faq->question_id }}</td>
                    <td style="padding:12px 16px;font-size:12px;text-transform:capitalize;">{{ $faq->category }}</td>
                    <td>{!! $faq->is_active ? '<span class="badge badge--accent">Aktif</span>' : '<span class="badge badge--inactive">Nonaktif</span>' !!}</td>
                    <td><a href="{{ route('admin.faqs.edit', $faq) }}" class="action-btn action-btn--edit">Edit</a></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="p-4 border-t border-crius-grey-100">@if($faqs->hasPages()){{ $faqs->links() }}@endif</div>
</div>
@endsection