@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'Frequently Asked Questions')
@section('content')
    

<!-- Page header -->
<div class="page-header d-print-none">
  <div class="container-xl">
    <div class="row g-2 align-items-center">
      <div class="col">
        <h2 class="page-title">
          Frequently Asked Questions
        </h2>
      </div>
      <!-- Page title actions -->
      <!-- Page title actions -->
      <div class="col-auto ms-auto d-print-none">
        <div class="btn-list">
            <a href="{{route('author.faqs.add-faq')}}" class="btn btn-success d-none d-sm-inline-block">
                Add FAQs
            </a>
        </div>
    </div>
    </div>
  </div>
</div>

  @livewire('all-faqs')

@endsection

@push('scripts')
    <script>
      
      window.addEventListener('deleteFaq', event => {
          Swal.fire({
          title: "Are you sure?",
          text: "You won't be able to revert this!",
          icon: "warning",
          showCancelButton: true,
          confirmButtonColor: "#3085d6",
          cancelButtonColor: "#d33",
          confirmButtonText: "Yes, Delete"
        }).then((result) => {
          if (result.isConfirmed) {
            Livewire.dispatch('deleteFaqAction')
          }
        });
      });
    </script>
    <script>
      window.addEventListener('postFaq', event => {
        Swal.fire(
          title: "Deleted!",
          text: "FAQ has been deleted.",
          icon: "success"
        )
      });
    </script>
@endpush