@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title','FAQs List')
{{-- vendor styles --}}
@section('vendor-styles')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/tables/datatable/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/tables/datatable/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/tables/datatable/buttons.bootstrap4.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/extensions/sweetalert2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/css/animate/animate.css')}}">
@endsection
{{-- page styles --}}
@section('page-styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-users.css')}}">
@endsection

@section('content')

<!-- users list start -->
<section class="users-list-wrapper">
  <div class="users-list-filter px-1">

    <div class="row wrapper border-bottom white-bg page-heading">
      <div class="col-lg-12">
        <h2><i class="fa fa-question-circle" aria-hidden="true"></i> Category Management</h2>
        <ol class="breadcrumb">
          <li class="breadcrumb-item">
            <a href="{{url(env('ADMIN_BASE').'/dashboard/ecommerce')}}">Dashboard</a>
          </li>
          <li class="breadcrumb-item active">
            <span class="label label-success float-right all_backgroud">Category List</span>
          </li>
        </ol>
      </div>
      <a href="{{asset(env('ADMIN_BASE').'/app/faq/add')}}" class="btn btn-sm btn-primary ml-auto mb-1 bx bx-plus">Add Category</a>
    </div>
    @csrf
    <!-- datatable start -->
    <div class="table-responsive">
      <table id="users-list-datatable" class="table">
        <thead>
          <tr>
            <th>No</th>
            <th>ACTION</th>
            <th>CATEGORY</th>
            <th>STATUS</th>
          </tr>
        </thead>
        <tbody>
          @php
          $editPermission = \App\Helpers\Helper::checkPermission(['faq-edit']);
          $deletePermission = \App\Helpers\Helper::checkPermission(['faq-delete']);
          @endphp
          @for ($i = 0; $i < count($faq); $i++) <tr>
            <td>{{$faq[$i]->id}}</td>
            <td>
              @if($editPermission)<a href="{{asset(env('ADMIN_BASE').'/app/faq/edit')}}/{{$faq[$i]->id}}"><i class="bx bx-edit-alt"></i></a>
              @endif
              @if($deletePermission)
              <a href="{{asset(env('ADMIN_BASE').'/app/faq/delete')}}/{{$faq[$i]->id}}" class="delete-btn"><i class="bx bx-trash ml-1"></i></a>
              @endif
            </td>
            <td>{{$faq[$i]->category}} </td>
            <td><span class="badge badge-light-success">{{$faq[$i]->status}}</span></td>
            </tr>
            @endfor

        </tbody>
      </table>
    </div>
    <!-- datatable ends -->
  </div>
  </div>
  </div>
</section>
<!-- users list ends -->
@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
<script src="{{asset('vendors/js/tables/datatable/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('vendors/js/tables/datatable/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('vendors/js/tables/datatable/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('vendors/js/tables/datatable/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
<script src="{{asset('vendors/js/extensions/polyfill.min.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
<script src="{{asset('js/scripts/pages/app-users.js')}}"></script>
<script src="{{asset('js/scripts/pages/delete-alerts.js')}}"></script>
@endsection