@extends('intranet/layout2')
@section('title', 'Mesa Votación')

@section('content2')

    <div class="container my-4">

        @livewire(name: 'mesa.mesa',params: ['idCentro' => $centro->IdCentro])
        @push('scripts2')
            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
            <script>
                function confirmarEliminacion(mesaId) {
                    Swal.fire({
                        title: '¿Estás seguro?',
                        text: 'Esta acción no podrá revertirse.',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sí, quitar',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            Livewire.dispatch('eliminarAsignacionConfirmada', { id: mesaId });
                        }
                    });
                }

                // Notificación cuando se elimina una asignación
                Livewire.on('asignacionEliminada', () => {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Asignación eliminada!',
                        text: 'El personero ha sido removido de la mesa exitosamente.',
                        showConfirmButton: false,
                        timer: 2000
                    });
                });

                // Notificación cuando se realiza una asignación
                Livewire.on('asignacionRealizada', () => {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Asignación realizada con éxito!',
                        text: 'El personero ha sido asignado a la mesa correctamente.',
                        showConfirmButton: false,
                        timer: 2000
                    });
                });
            </script>
        @endpush
    </div>

@endsection