@extends('layouts.publicador.novo_padrao')

@section('content')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <linK rel="stylesheet" href="{{ asset('css/publicador.css') }}">

    <!-- Header Section -->
    <div class="container">
        <div class="content-wrapper">

            <!-- Alerts Section -->
            @if (session('status-success'))
                <div class="alert alert-success alert-dismissible fade show shadow-sm" role="alert">
                    <i class="bi bi-check-circle-fill me-2"></i>
                    {{ session('status-success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @if (session('status-error'))
                <div class="alert alert-danger alert-dismissible fade show shadow-sm" role="alert">
                    <i class="bi bi-exclamation-triangle-fill me-2"></i>
                    {{ session('status-error') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            <div class="content-header">
                <h4 class="mb-4">
                    @lang('labels.comunicacao_parlamento_universitario')
                    <small class="text-muted">@lang('labels.acoes.pesquisar')</small>
                </h4>
            </div>

            <!-- Filters Card -->
            <div clas="content-header">
                <h5 class="mb-4">
                    <i class="bi bi-funnel-fill me-2"></i> Filtros de Pesquisa
                </h5>
            </div>





            <div class="card-body">
                <div class="content-wrapper">
                    <div class="filter-wrapper">
                        {!! Form::open([
                            'route' => ['publicador.escola.comunicacao_parlamento.index'],
                            'method' => 'GET',
                            'class' => 'form',
                            'novalidate' => true,
                        ]) !!}

                        <div class="row">
                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-person"></i>
                                        </span>
                                    </div>
                                    {{ Form::text('nome', \Request::query('nome'), ['class' => 'form-control border-left-0', 'placeholder' => 'Nome']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-envelope"></i>
                                        </span>
                                    </div>
                                    {{ Form::email('email', \Request::query('email'), ['class' => 'form-control border-left-0', 'placeholder' => 'Email']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-check-circle"></i>
                                        </span>
                                    </div>
                                    {{ Form::select('presenca', \Config::get('constants.boolean'), \Request::query('presenca'), ['class' => 'form-control border-left-0', 'placeholder' => 'Status de Presença']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-building"></i>
                                        </span>
                                    </div>
                                    {{ Form::text('instituicao', \Request::query('instituicao'), ['class' => 'form-control border-left-0', 'placeholder' => 'Instituição']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-geo-alt"></i>
                                        </span>
                                    </div>
                                    {{ Form::text('cidade', \Request::query('cidade'), ['class' => 'form-control border-left-0', 'placeholder' => 'Cidade']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-person-wheelchair"></i>
                                        </span>
                                    </div>
                                    {{ Form::select('pcd', \Config::get('constants.boolean'), \Request::query('pcd'), ['class' => 'form-control border-left-0', 'placeholder' => 'Status PCD']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-calendar-date"></i>
                                        </span>
                                    </div>
                                    {{ Form::date('data_cadastro_de', \Request::query('data_cadastro_de'), ['class' => 'form-control border-left-0', 'placeholder' => 'Data Inicial']) }}
                                </div>
                            </div>

                            <div class="col-md-4 col-sm-6 mb-3">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text bg-white border-right-0">
                                            <i class="bi bi-calendar-date"></i>
                                        </span>
                                    </div>
                                    {{ Form::date('data_cadastro_ate', \Request::query('data_cadastro_ate'), ['class' => 'form-control border-left-0', 'placeholder' => 'Data Final']) }}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="content-wrapper">
                                <div>
                                    @if (!empty(array_filter(request()->except('_token'))))
                                        <a href="{{ route('publicador.escola.comunicacao_parlamento.index') }}"
                                            class="btn btn-outline-secondary">
                                            <i class="bi bi-arrow-counterclockwise me-1"></i> Limpar Filtros
                                        </a>
                                    @endif
                                </div>
                                <div class="d-flex">
                                    <button type="submit" class="btn btn-primary mr-2">
                                        <i class="bi bi-search me-1"></i> Pesquisar
                                    </button>

                                    @can('escola_parlamento_alterar')
                                        <a href="{{ route('publicador.escola.comunicacao_parlamento.export', request()->except(['_token', 'page'])) }}"
                                            class="btn btn-outline-success ml-2">
                                            <i class="bi bi-file-earmark-excel me-1"></i> Exportar Excel
                                        </a>
                                    @endcan
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>

            <!-- Stats Card -->
            @php $pgJson = json_decode($lista->toJson()) @endphp
            <div class="row mb-4">
                <div class="col-12">
                    <div class="card shadow-sm border-0">
                        <div class="card-body text-center">
                            <h5 class="card-title mb-0">
                                <i class="bi bi-people-fill me-2"></i>
                                Total de Participantes:
                                <span class="badge badge-primary rounded-pill">{{ $pgJson->total }}</span>

                                @if ($pgJson->total > 0)
                                    <small class="text-muted d-block mt-2">Mostrando registros de {{ $pgJson->from }} até
                                        {{ $pgJson->to }}</small>
                                @elseif($pgJson->total == 0)
                                    <small class="text-muted d-block mt-2">Nenhum registro encontrado</small>
                                @endif
                            </h5>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Table Card -->
            @unless ($lista->isEmpty())
                <div class="card shadow-sm border-0">
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover mb-0">
                                <thead class="bg-light">
                                    <tr>
                                        <th>Nome</th>
                                        <th class="d-none d-md-table-cell">Email</th>
                                        <th class="d-none d-md-table-cell">Idade</th>
                                        <th class="d-none d-md-table-cell">Instituição</th>
                                        <th class="d-none d-lg-table-cell">Curso / Período</th>
                                        <th class="d-none d-lg-table-cell">Cidade</th>
                                        <th class="d-none d-lg-table-cell">PCD</th>
                                        <th class="d-none d-sm-table-cell">Data de Cadastro</th>
                                        <th class="text-center">Presente</th>
                                        <th class="text-center">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($lista as $item)
                                        <tr>
                                            <td>
                                                <a href="{{ route('publicador.escola.comunicacao_parlamento.editar', ['id' => $item->id]) }}"
                                                    class="text-decoration-none font-weight-bold text-primary">
                                                    {{ $item->nome }}
                                                    @if ($item->presenca)
                                                        <i class="bi bi-check-circle-fill text-success ml-1"
                                                            title="Presente"></i>
                                                    @endif
                                                </a>
                                            </td>
                                            <td class="d-none d-md-table-cell">
                                                <a href="mailto:{{ $item->email }}" class="text-secondary">
                                                    <i class="bi bi-envelope text-muted small"></i> {{ $item->email }}
                                                </a>
                                            </td>
                                            <td class="d-none d-lg-table-cell">
                                                @if ($item->data_nascimento)
                                                    {{ Carbon\Carbon::parse($item->data_nascimento)->age }} anos
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td class="d-none d-md-table-cell">{{ $item->instituicao ?? '-' }}</td>
                                            <td class="d-none d-lg-table-cell">{{ $item->curso ?? '-' }} /
                                                {{ $item->periodo ?? '-' }}</td>

                                            <td class="d-none d-lg-table-cell">
                                                @if ($item->cidade)
                                                    <i class="bi bi-geo-alt text-danger small"></i> {{ $item->cidade }}
                                                @else
                                                    -
                                                @endif
                                            </td>

                                            <td class="d-none d-lg-table-cell">
                                                @if ($item->pcd)
                                                    <span class="badge badge-info"
                                                        title="{{ $item->pcd_tipo ?? 'Não especificado' }}">
                                                        <i class="bi bi-person-wheelchair"></i> Sim
                                                    </span>
                                                @else
                                                    <span class="badge badge-secondary">Não</span>
                                                @endif
                                            </td>

                                            <td class="d-none d-sm-table-cell">
                                                <span class="badge badge-light">
                                                    <i class="bi bi-clock"></i> {{ $item->created_at->format('d/m/Y H:i') }}
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                @can('escola_parlamento_alterar')
                                                    <div class="custom-control custom-switch">
                                                        {{ Form::checkbox('presenca[]', $item->id, $item->presenca == 1, [
                                                            'class' => 'custom-control-input participantes',
                                                            'id' => 'presenca_' . $item->id,
                                                        ]) }}
                                                        <label class="custom-control-label"
                                                            for="presenca_{{ $item->id }}"></label>
                                                    </div>
                                                @else
                                                    <span
                                                        class="badge badge-{{ $item->presenca ? 'success' : 'secondary' }} rounded-pill py-1 px-3">
                                                        {{ $item->presenca ? 'Sim' : 'Não' }}
                                                    </span>
                                                @endcan
                                            </td>
                                            <td class="text-center">
                                                <div class="btn-group">
                                                    @can('escola_parlamento_alterar')
                                                        <a href="{{ route('publicador.escola.comunicacao_parlamento.editar', ['id' => $item->id]) }}"
                                                            class="btn btn-sm btn-outline-primary" title="Editar">
                                                            <i class="bi bi-pencil-square"></i>
                                                        </a>
                                                    @endcan

                                                    @can('escola_parlamento_excluir')
                                                        <button type="button" class="btn btn-sm btn-outline-danger btn-excluir"
                                                            data-id="{{ $item->id }}" data-nome="{{ $item->nome }}"
                                                            title="Excluir">
                                                            <i class="bi bi-trash"></i>
                                                        </button>
                                                    @endcan
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Paginação Personalizada -->
                    <div class="card-footer bg-white">
                        <div class="custom-pagination-container">
                            <div>
                                {{ $lista->appends(Request::except('page'))->onEachSide(1)->withQueryString()->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="alert alert-info text-center shadow-sm">
                    <i class="bi bi-info-circle-fill me-2"></i> Nenhum participante encontrado
                </div>
            @endunless
        </div>
    </div>
    <style>
        /* Variáveis de cores */
        :root {
            
            --primary-light: #0056a4;
            --primary-dark: #002c4f;
            --secondary-color: #f8f9fa;
            --border-color: #dee2e6;
            --success-color: #28a745;
            --danger-color: #dc3545;
            --text-muted: #6c757d;
            --accent-color: #004080;
        }

        /* Estilos gerais */
        body {
            background-color: #f5f6f8;
        }

        .container {
            max-width: 1340px;
        }

        /* Breadcrumb personalizado */
        .breadcrumb {
            margin: 0;
            background-color: rgba(0, 64, 113, 0.05);
            border: 1px solid rgba(0, 64, 113, 0.1);
            transition: all 0.3s ease;
        }

        .breadcrumb-item+.breadcrumb-item::before {
            color: var(--primary-color);
        }

        .breadcrumb-item.active {
            color: var(--primary-color);
            font-weight: 500;
        }

        /* Cards */
        .card {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            border-radius: 8px;
        }

        .card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 64, 113, 0.1) !important;
        }

        .card-header {
            background-color: white;
            border-bottom: 1px solid var(--border-color);
            padding: 1.25rem;
        }

        /* Badges */
        .badge-primary {
            background-color: var(--primary-color);
            color: white;
            font-size: 0.9rem;
            padding: 0.5em 1em;
        }

        .badge-light {
            background-color: #e9ecef;
            color: var(--text-muted);
            font-weight: 500;
        }

        /* Botões */
        .btn {
            font-weight: 500;
            border-radius: 6px;
            transition: all 0.2s ease;
        }

        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .btn-primary:hover {
            background-color: var(--primary-light);
            border-color: var(--primary-light);
            box-shadow: 0 4px 10px rgba(0, 64, 113, 0.2);
        }

        .btn-secondary {
            background-color: #6c757d;
            border-color: #6c757d;
        }

        .btn-outline-primary {
            color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .btn-outline-primary:hover {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            box-shadow: 0 4px 10px rgba(0, 64, 113, 0.2);
        }

        .btn-group {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            border-radius: 6px;
        }

        /* Inputs e Selects */
        .form-control {
            border-radius: 6px;
            border: 1px solid var(--border-color);
            transition: all 0.2s ease;
        }

        .form-control:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 64, 113, 0.15);
        }

        .input-group-text {
            border-radius: 6px;
            background-color: white;
            color: var(--text-muted);
        }

        /* Tabela */
        .table {
            margin-bottom: 0;
        }

        .table thead th {
            border-top: none;
            border-bottom: 2px solid var(--border-color);
            color: var(--text-muted);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.75rem;
            padding: 1rem;
        }

        .table tbody tr {
            transition: all 0.2s ease;
        }

        .table tbody tr:hover {
            background-color: rgba(0, 64, 113, 0.03);
        }

        .table td {
            padding: 1rem;
            vertical-align: middle;
            border-top: 1px solid var(--border-color);
        }

        /* Links */
        a {
            color: var(--primary-color);
            transition: all 0.2s ease;
        }

        a:hover {
            color: var(--primary-light);
            text-decoration: none;
        }

        /* Custom Switches */
        .custom-switch {
            padding-left: 2.25rem;
        }

        .custom-control-input:checked~.custom-control-label::before {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .custom-control-input:focus~.custom-control-label::before {
            box-shadow: 0 0 0 0.2rem rgba(0, 64, 113, 0.25);
        }

        .custom-control-label::before {
            background-color: #fff;
            border: 1px solid var(--border-color);
        }

        /* Alerts */
        .alert {
            border: none;
            border-radius: 8px;
            padding: 1rem 1.5rem;
        }

        .alert-success {
            background-color: #d4edda;
            color: #155724;
        }

        .alert-danger {
            background-color: #f8d7da;
            color: #721c24;
        }

        /* Responsividade */
        @media (max-width: 768px) {
            .btn {
                padding: 0.4rem 0.8rem;
            }

            .badge {
                font-size: 0.8rem;
            }
        }

        /* Ícones */
        .bi {
            vertical-align: -0.125em;
            margin-right: 0.25rem;
        }

        /* Animações */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .alert,
        .card {
            animation: fadeIn 0.3s ease forwards;
        }

        /* Estilo moderno para paginação */
        .custom-pagination-container {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }

        /* Ajustes no container da paginação */
        .custom-pagination-container .pagination {
            display: flex;
            padding: 0;
            margin: 0;
            border-radius: 30px;
            background-color: var(--light-gray, #f5f5f5);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }

        /* Ajustes nos itens da paginação */
        .custom-pagination-container .page-item {
            margin: 0;
            border: none;
        }

        /* Ajustes nos links da paginação */
        .custom-pagination-container .page-link {
            min-width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-color, #333);
            background-color: transparent;
            border: none;
            font-weight: 500;
            transition: all 0.3s ease;
            padding: 0;
            margin: 0;
            position: relative;
            z-index: 1;
        }

        /* Efeito hover nos links */
        .custom-pagination-container .page-link:hover {
            color: var(--accent-color, #004080);
            background-color: var(--primary-color, #d4dfed);
        }

        /* Item ativo (página atual) */
        .custom-pagination-container .page-item.active .page-link {
            color: #fff;
            background-color: var(--accent-color, #004080);
            border-radius: 0;
            font-weight: 600;
        }

        /* Item desabilitado */
        .custom-pagination-container .page-item.disabled .page-link {
            color: #aaa;
            background-color: transparent;
            cursor: not-allowed;
        }

        /* Seta anterior/próximo */
        .custom-pagination-container .page-item:first-child .page-link,
        .custom-pagination-container .page-item:last-child .page-link {
            font-size: 0;
            position: relative;
            width: 50px;
        }

        /* Adiciona ícones bonitos para anterior/próximo */
        .custom-pagination-container .page-item:first-child .page-link:before,
        .custom-pagination-container .page-item:last-child .page-link:before {
            font-family: "bootstrap-icons";
            font-weight: 900;
            font-size: 14px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .custom-pagination-container .page-item:first-child .page-link:before {
            content: "\F284";
            /* Ícone Bootstrap de seta para esquerda */
        }

        .custom-pagination-container .page-item:last-child .page-link:before {
            content: "\F285";
            /* Ícone Bootstrap de seta para direita */
        }

        /* Efeitos especiais hover para anterior/próximo */
        .custom-pagination-container .page-item:first-child .page-link:hover,
        .custom-pagination-container .page-item:last-child .page-link:hover {
            background-color: var(--primary-color, #d4dfed);
            color: var(--accent-color, #004080);
        }

        /* Efeito de destaque na interação */
        .custom-pagination-container .page-link:focus {
            box-shadow: none;
            outline: none;
        }

        /* Efeito de pulsar suave no item ativo */
        @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }

            100% {
                transform: scale(1);
            }
        }

        .custom-pagination-container .page-item.active .page-link:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            transform: scale(0);
            opacity: 0;
            transition: all 0.5s ease;
            z-index: -1;
        }

        .custom-pagination-container .page-item.active .page-link:hover:after {
            transform: scale(1.5);
            opacity: 1;
        }

        /* Responsividade */
        @media (max-width: 576px) {
            .custom-pagination-container .pagination {
                border-radius: 20px;
            }

            .custom-pagination-container .page-link {
                min-width: 36px;
                height: 36px;
                font-size: 0.9rem;
            }

            .custom-pagination-container .page-item:first-child .page-link,
            .custom-pagination-container .page-item:last-child .page-link {
                width: 40px;
            }
        }

        /* Dropdown */
        .dropdown-menu {
            border-radius: 6px;
            border: none;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            padding: 0.5rem 0;
        }

        .dropdown-item {
            padding: 0.6rem 1.5rem;
            transition: all 0.2s ease;
        }

        .dropdown-item:hover,
        .dropdown-item:focus {
            background-color: rgba(0, 64, 113, 0.05);
            color: var(--primary-color);
        }

        /* Badge pills */
        .badge-pill {
            border-radius: 50rem;
        }

        /* Me class compatibility with Bootstrap 4 */
        .me-1 {
            margin-right: 0.25rem !important;
        }

        .me-2 {
            margin-right: 0.5rem !important;
        }
    </style>
    <script type="text/javascript">
        document.addEventListener('DOMContentLoaded', function() {
            // Inicializa os tooltips
            $('[title]').tooltip();

            // Gerenciamento da presença - CORREÇÃO DO AJAX
            $('.participantes').change(function() {
                const participante = $(this).val();
                const presenca = $(this).is(':checked') ? 1 : 0;
                const checkbox = $(this); // Referência ao checkbox atual
                const participanteNome = checkbox.closest('tr').find('td:first-child a').text().trim();

                // SweetAlert para feedback visual durante o processamento
                Swal.fire({
                    title: 'Processando...',
                    text: `Atualizando presença de ${participanteNome}`,
                    icon: 'info',
                    allowOutsideClick: false,
                    showConfirmButton: false,
                    didOpen: () => {
                        Swal.showLoading();
                    }
                });

                // AJAX request com o token CSRF correto
                $.ajax('{{ route('publicador.escola.comunicacao_parlamento.salvar_presenca') }}', {
                    method: 'PUT',
                    data: {
                        id: participante,
                        presenca: presenca,
                        _token: '{{ csrf_token() }}' // Usar a função csrf_token() do Laravel
                    },
                    success: function(response) {
                        // Feedback de sucesso
                        Swal.fire({
                            icon: 'success',
                            title: 'Presença Atualizada',
                            text: response.msg ||
                                'Status de presença atualizado com sucesso',
                            timer: 1500,
                            showConfirmButton: false
                        });

                        // Atualiza o ícone visual na linha
                        const nomeCell = checkbox.closest('tr').find('td:first-child a');
                        if (presenca) {
                            if (nomeCell.find('.bi-check-circle-fill').length === 0) {
                                nomeCell.append(
                                    '<i class="bi bi-check-circle-fill text-success ml-1" title="Presente"></i>'
                                );
                                $('[title]').tooltip();
                            }
                        } else {
                            nomeCell.find('.bi-check-circle-fill').remove();
                        }
                    },
                    error: function(xhr) {
                        // Feedback de erro e reversão do estado do checkbox
                        Swal.fire({
                            icon: 'error',
                            title: 'Erro',
                            text: 'Não foi possível atualizar o status de presença.',
                            confirmButtonText: 'OK'
                        });

                        // Reverte o checkbox ao estado anterior
                        checkbox.prop('checked', !presenca);
                    }
                });
            });

            // Confirmação de exclusão (também corrigindo o token CSRF aqui)
            $('.btn-excluir').click(function() {
                const id = $(this).data('id');
                const nome = $(this).data('nome');

                Swal.fire({
                    title: 'Confirmar Exclusão',
                    html: `Deseja realmente excluir <strong>${nome}</strong>?<br><small class="text-danger">Esta ação não pode ser desfeita.</small>`,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#dc3545',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: 'Sim, excluir',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Feedback durante o processamento
                        Swal.fire({
                            title: 'Excluindo...',
                            text: 'Processando sua solicitação',
                            allowOutsideClick: false,
                            showConfirmButton: false,
                            didOpen: () => {
                                Swal.showLoading();
                            }
                        });

                        // Formulário dinâmico para executar o DELETE
                        const form = document.createElement('form');
                        form.method = 'POST';
                        form.action =
                            '{{ route('publicador.escola.comunicacao_parlamento.excluir', ['id' => 'ID']) }}'
                            .replace('ID', id);
                        form.style.display = 'none';

                        const tokenField = document.createElement('input');
                        tokenField.type = 'hidden';
                        tokenField.name = '_token';
                        tokenField.value =
                            '{{ csrf_token() }}'; // Usar a função csrf_token() do Laravel
                        form.appendChild(tokenField);

                        const methodField = document.createElement('input');
                        methodField.type = 'hidden';
                        methodField.name = '_method';
                        methodField.value = 'DELETE';
                        form.appendChild(methodField);

                        document.body.appendChild(form);
                        form.submit();
                    }
                });
            });
        });
    </script>
@endsection