@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'All Courses')
@section('content')
    

<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">
            All Courses
          </h2>
        </div>
      </div>
    </div>
  </div>

  @livewire('all-courses')

@endsection

@push('scripts')
<script>
      
  window.addEventListener('deleteCourse', 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('deleteCourseAction')
      }
    });
  });
</script>
<script>
  window.addEventListener('courseDeleted', event => {
    Swal.fire(
      title: "Deleted!",
      text: "Post has been deleted.",
      icon: "success"
    )
  });
</script>
@endpush