@extends('adminlte::page')

@section('title', 'Liste des categories')

@section('content_header')
    <div class="row">
        <div class="col-md-6">
            <h1>Liste des categories</h1>
        </div>
        <div class="col-md-6">
            <a href="{{ route('excludedWord.create') }}" class="btn btn-primary float-right">Ajouter</a>
        </div>
    </div>
@stop

@section('content')
    @if (session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">
            {{ session()->get('error') }}
        </div>
    @endif
    <livewire:excluded-word-table theme="bootstrap-5" />
@stop
@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
      $('.delete').click(function(e) {
        let button = $(this);
        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 it!"
        }).then((result) => {
          if (result.isConfirmed) {
            Livewire.dispatch('delete',{id:button.data('id')})
          }
        });
      })
    </script>
@stop