@extends('adminlte::page')

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

@section('content_header')
    <h1>Liste des annonces</h1>
@stop

@section('css')
    <!-- SweetAlert2 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
@stop

@section('content')
    <livewire:announcement-table theme="bootstrap-5" />
@stop

@section('js')
    <!-- Charger SweetAlert2 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- Charger Axios -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script>
        function deleteAnnouncement(id) {
            Swal.fire({
                title: 'Êtes-vous sûr ?',
                text: "Vous le vous supprime annonce",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui, supprimer',
                cancelButtonText: 'Annuler'
            }).then((result) => {
                if (result.isConfirmed) {
                    axios.delete('{{ url('/announcements') }}/' + id)
                        .then(response => {
                            Swal.fire({
                                toast: true,
                                position: 'top-end',
                                icon: 'success',
                                title: response.data.success,
                                showConfirmButton: false,
                                timer: 3000
                            });
                            location.reload(); // Rafraîchit la page après suppression
                        })
                        .catch(error => {
                            Swal.fire({
                                toast: true,
                                position: 'top-end',
                                icon: 'error',
                                title: "Erreur lors de la suppression.",
                                showConfirmButton: false,
                                timer: 3000
                            });
                            console.error(error);
                        });
                }
            });
        }
    </script>
@stop