@extends('admin::layouts.app')

@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => __('master.faqs_master'),
                'search' => $search,
                'searchPlaceholder' => __('placeholder.search_question'),
                'create' => 'admin.faqs.create',
                'addNew' => 'admin.faq-categories.index',
                'addNewText' => __('master.faq_category'),
                'list' => $faqs,
            ])
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        {{-- Table Start --}}
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0"
                            id="sortable-table">
                            <tbody>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('master.category') }}</th>
                                    <th>{{ __('master.question_in_english') }}</th>
                                    <th>{{ __('master.question_in_arabic') }}</th>
                                    <th>{{ __('admin.status') }}</th>
                                    <th>{{ __('admin.action') }}</th>
                                </tr>
                                @forelse ($faqs as $key => $faq)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ isset($faq->faqCategory->category_en) ? $faq->faqCategory->category_en : '' }}</td>
                                        <td>{{ $faq->question_en }}</td>
                                        <td>{{ $faq->question_ar }}</td>
                                        <td><span
                                                class="badge bad-status @if ($faq->status == 'active') badge-success @else badge-danger @endif">{{ ucfirst($faq->status) }}</span>
                                        </td>
                                        <td>
                                            @if (Auth::user()->hasPermission('admin.faqs.edit'))
                                                <a href="faqs/edit/{{ $faq->id }}" class="f-16 mr-1"
                                                    title="Edit Faq"><i class="iconly-boldEdit"></i></a>
                                            @endif
                                            @if (Auth::user()->hasPermission('admin.faqs.delete'))
                                                <a href="javascript:;" data-url="/api/admin/faqs/{{ $faq->id }}"
                                                    data-request="remove" class="text-danger f-16" title="Delete Faq"><i
                                                        class="iconly-boldDelete"></i></a>
                                            @endif
                                        </td>
                                    @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        {{-- Table End --}}
                    </div>

                </div>
                {{-- Pagination --}}
                {{ $faqs->appends(request()->input())->links('admin::partials.pagination') }}
                {{-- Pagination End --}}
            </div>
        </div>
    </section>
@endsection