@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'All Posts')
@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 Posts
          </h2>
        </div>
      </div>
    </div>
  </div>

  @livewire('all-posts')

@endsection

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