{{-- Modal para Edição do Evento --}}
<div class="modal fade" id="modalEditarEvento" tabindex="-1" aria-labelledby="modalEditarEventoLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="formEditarEvento" method="POST">
                @csrf
                @method('PUT')
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title" id="modalEditarEventoLabel">
                        <i class="fas fa-edit me-2"></i>
                        Editar Evento
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Fechar"></button>
                </div>
                <div class="modal-body">
                    <!-- Container para mensagens de erro -->
                    <div id="formEditarEventoErrors" class="alert alert-danger d-none" role="alert">
                        <ul class="mb-0"></ul>
                    </div>

                    <!-- Container para mensagens de sucesso -->
                    <div id="formEditarEventoSuccess" class="alert alert-success d-none" role="alert"></div>

                    <div class="row g-3">
                        <!-- Nome do Evento -->
                        <div class="col-md-12">
                            <label for="evento_nome_edit" class="form-label fw-bold">
                                <i class="fas fa-tag me-1 text-primary"></i>
                                Nome do Evento
                            </label>
                            <input type="text" class="form-control" id="evento_nome_edit" name="nome" required>
                            <div class="invalid-feedback">Por favor, informe o nome do evento.</div>
                        </div>
                        
                        <!-- Data e Hora -->
                        <div class="col-md-6">
                            <label for="evento_data_edit" class="form-label fw-bold">
                                <i class="fas fa-calendar me-1 text-info"></i>
                                Data
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control flatpickr-date" 
                                       id="evento_data_edit" name="data" 
                                       placeholder="dd/mm/aaaa" required>
                                <button class="btn btn-outline-secondary" type="button" id="btnCalendarioEdit">
                                    <i class="fas fa-calendar-alt"></i>
                                </button>
                            </div>
                            <div class="invalid-feedback">Por favor, informe a data do evento.</div>
                        </div>
                        
                        <div class="col-md-6">
                            <label for="evento_hora_edit" class="form-label fw-bold">
                                <i class="fas fa-clock me-1 text-warning"></i>
                                Hora
                            </label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="evento_hora_edit" name="hora" 
                                       placeholder="Ex: 14:30" required>
                                <button class="btn btn-outline-primary" type="button" id="btnADefinirEdit">
                                    <i class="fas fa-clock me-1"></i>A definir
                                </button>
                            </div>
                            <div class="invalid-feedback">Por favor, informe a hora do evento.</div>
                        </div>
                        
                        <!-- Local -->
                        <div class="col-md-12">
                            <label for="evento_local_edit" class="form-label fw-bold">
                                <i class="fas fa-map-marker-alt me-1 text-danger"></i>
                                Local
                            </label>
                            <input type="text" class="form-control" id="evento_local_edit" name="local" required>
                            <div class="invalid-feedback">Por favor, informe o local do evento.</div>
                        </div>
                        
                        <!-- Cidade e UF -->
                        <div class="col-md-8">
                            <label for="evento_cidade_edit" class="form-label fw-bold">
                                <i class="fas fa-city me-1 text-success"></i>
                                Cidade
                            </label>
                            <input type="text" class="form-control" id="evento_cidade_edit" name="cidade" required>
                            <div class="invalid-feedback">Por favor, informe a cidade.</div>
                        </div>
                        
                        <div class="col-md-4">
                            <label for="evento_uf_edit" class="form-label fw-bold">
                                <i class="fas fa-flag me-1 text-secondary"></i>
                                UF
                            </label>
                            <select class="form-select" id="evento_uf_edit" name="uf" required>
                                <option value="">Selecione</option>
                                <option value="AC">Acre</option>
                                <option value="AL">Alagoas</option>
                                <option value="AM">Amazonas</option>
                                <option value="AP">Amapá</option>
                                <option value="BA">Bahia</option>
                                <option value="CE">Ceará</option>
                                <option value="DF">Distrito Federal</option>
                                <option value="ES">Espírito Santo</option>
                                <option value="GO">Goiás</option>
                                <option value="MA">Maranhão</option>
                                <option value="MT">Mato Grosso</option>
                                <option value="MS">Mato Grosso do Sul</option>
                                <option value="MG">Minas Gerais</option>
                                <option value="PA">Pará</option>
                                <option value="PB">Paraíba</option>
                                <option value="PR">Paraná</option>
                                <option value="PE">Pernambuco</option>
                                <option value="PI">Piauí</option>
                                <option value="RJ">Rio de Janeiro</option>
                                <option value="RN">Rio Grande do Norte</option>
                                <option value="RS">Rio Grande do Sul</option>
                                <option value="RO">Rondônia</option>
                                <option value="RR">Roraima</option>
                                <option value="SC">Santa Catarina</option>
                                <option value="SP">São Paulo</option>
                                <option value="SE">Sergipe</option>
                                <option value="TO">Tocantins</option>
                            </select>
                            <div class="invalid-feedback">Por favor, selecione a UF.</div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>
                        Cancelar
                    </button>
                    <button type="submit" class="btn btn-primary" id="btnSalvarEventoEdit">
                        <i class="fas fa-save me-1"></i>
                        Salvar Alterações
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>