@extends('back.layouts.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle: 'All Projects')
@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 Services
          </h2>
        </div>
        <div class="col-auto ms-auto d-print-none">
          <div class="btn-list">
              
              <a href="{{route("author.services.add-service")}}" class="btn btn-primary d-none d-sm-inline-block">
                  Add New Service
              </a>
          </div>
      </div>
      </div>
    </div>
  </div>

  @livewire('all-service')

@endsection

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