@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
سوالات@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .img-profile{
            max-width: 150px;
            height: auto;
        }
        td{
            vertical-align: middle !important;
        }
        .img-profile{
            width: 200px;
            height: auto;
        }
    </style>
@endsection


{{-- ===========      CONTENT      =================== --}}
@section('content')


                    <div class="card-header border-0 pt-6">

                        <!--begin::کارت title-->
                        <!--begin::کارت toolbar-->
                        <div class="card-toolbar">
                            <div class="d-flex justify-content-end" data-kt-user-table-toolbar="base">
     
                                <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
                                    <!--begin::Header-->
                                    <div class="px-7 py-5">
                                        <div class="fs-5 text-dark fw-bold">فیلتر </div>
                                    </div>
                                    <!--end::Header-->
                                    <!--begin::Separator-->
                                    <div class="separator border-gray-200"></div>
                                    <!--end::Separator-->
                                    <!--begin::Content-->
                                
                                    <!--end::Content-->
                                </div>

                                <a href="{{ route('admin.faqs.create') }}" class="btn me-3 btn-primary"><i class="ki-duotone ki-plus fs-2"></i>افزودن سوال</a>
                     
                                <!--end::افزودن user-->
                            </div>

                        </div>
                        <!--end::کارت toolbar-->
                    </div>

                        <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_users">
                            <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">

                                <th class="min-w-125px">نام</th>
    
                                <th class="text-end min-w-100px">عملیات</th>
                            </tr>
                            </thead>
                            <tbody class="text-gray-600 fw-semibold">
                            @foreach ($faqs as $key => $item)
                            <tr>

                                <td> {{ $item->title }}</td>

         
                                <td class="text-end">
                                    <a href="#" class="btn btn-light btn-active-light-primary btn-flex btn-center btn-sm" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">عملیات
                                        <i class="ki-duotone ki-down fs-5 ms-1"></i></a>
                                    <!--begin::Menu-->
                                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                            <a href="{{ route('admin.faqs.edit',['faq'=>$item->id]) }}" class="menu-link px-3">ویرایش</a>
                                        </div>
                                        <!--end::Menu item-->
                                        <!--begin::Menu item-->
                                        <div class="menu-item px-3">
                                            <a onclick="removeModal({{ $item->id }})" class="menu-link px-3" data-kt-users-table-filter="delete_row">حذف</a>
                                        </div>
                                        <!--end::Menu item-->
                                    </div>
                                    <!--end::Menu-->
                                </td>
                            </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <!--end::Table-->


@endsection