@extends('sistema.layout')
@section('titulo', 'Novo Processo')
@section('conteudo')

    <div class="col-lg-12 mb-2">
        <div class="pagetitle">
            <h1 class="fw-bold text-dark mb-1">Novo Processo</h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb small">
                    <li class="breadcrumb-item">
                        <a href="{{ route('dashboard') }}" class="text-decoration-none">Painel de Controlo</a>
                    </li>
                    <li class="breadcrumb-item">Arquivos</li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('processos.index') }}" class="text-decoration-none">Processos</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">{{ isset($user) ? 'Editar' : 'Novo' }} Novo
                        Processo</li>
                </ol>
            </nav>
        </div>
    </div>
    <div class="card shadow-sm border-0">
        <div class="card-body p-4 p-md-5">
            <div class="mb-5">
                <nav class="d-flex justify-content-center">
                    <ol class="d-flex align-items-center list-unstyled mb-0">
                        @foreach (['Dados Básicos', 'Entidades', 'Relatores', 'Localização', 'Decisão', 'Cobrança', 'Anexos'] as $index => $step)
                            @php
                                $stepNumber = $index + 1;
                                $isActive = $currentStep >= $stepNumber;
                                $isCurrent = $currentStep == $stepNumber;
                            @endphp
                            <li class="d-flex align-items-center">
                                <div class="d-flex align-items-center">
                                    <span
                                        class="d-inline-flex align-items-center justify-content-center rounded-circle border-2
                                    {{ $isActive ? ($isCurrent ? 'border-default bg-default text-white' : 'border-default bg-default text-white') : 'border-secondary bg-white text-secondary' }}"
                                        style="width: 32px; height: 32px;">
                                        {{ $stepNumber }}
                                    </span>
                                    <span
                                        class="ms-2 small fw-medium
                                    {{ $isActive ? ($isCurrent ? 'text-default' : 'text-default') : 'text-secondary' }}">
                                        {{ $step }}
                                    </span>
                                </div>
                                @if ($index < 6)
                                    <div class="mx-2 {{ $isActive ? 'bg-default' : 'bg-secondary' }}"
                                        style="width: 40px; height: 2px;"></div>
                                @endif
                            </li>
                        @endforeach
                    </ol>
                </nav>
            </div>

            <form id="processoForm" class="form" method="POST" action="{{ route('processos.store') }}"
                enctype="multipart/form-data">
                @csrf

                <div id="step1" class="step-content">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Número do Processo <strong class="text-danger">*</strong>
                            </label>
                            <input type="text" name="numero" class="form-control" style="text-transform: uppercase;"
                                required>
                        </div>

                        <div class="col-md-2 mb-3">
                            <label class="form-label">
                                Ano <strong class="text-danger">*</strong>
                            </label>
                            <input type="text" name="ano" maxlength="4" class="form-control" required>
                        </div>

                        <div class="col-md-2 mb-3">
                            <label class="form-label">
                                Número de Páginas
                            </label>
                            <input type="number" name="paginas" min="1" class="form-control">
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Tipo de Fiscalização <strong class="text-danger">*</strong>
                            </label>
                            <select name="tipo_fiscalizacao" class="form-select" required>
                                <option value="Sucessiva-(Multa)">Sucessiva-(Multa)</option>
                                <option value="Sucessiva-(Prestação de Contas)">Sucessiva-(Prestação de Contas)
                                </option>
                                <option value="Sucessiva-(Auditoria)">Sucessiva-(Auditoria)</option>
                                <option value="Preventiva">Preventiva</option>
                            </select>
                        </div>

                        <div class="col-md-2 mb-3">
                            <label class="form-label">
                                Data de Entrada <strong class="text-danger">*</strong>
                            </label>
                            <input type="date" name="data_entrada" class="form-control" required>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">
                                Objecto <strong class="text-danger">*</strong>
                            </label>
                            <input type="text" name="objeto" id="objeto" class="form-control" required>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">
                                PDF Digitalizado do Processo
                            </label>

                            <div class="space-y-3">
                                <div class="d-flex justify-content-center">
                                    <label for="arquivo_pdf"
                                        class="d-flex flex-column align-items-center justify-content-center w-100 border-2 border-dashed rounded-3 cursor-pointer bg-light p-5 hover-bg-light">
                                        <div class="d-flex flex-column align-items-center justify-content-center">
                                            <i class="bi bi-cloud-arrow-up fs-1 text-secondary mb-2"></i>
                                            <p class="mb-1 small text-secondary">
                                                <span class="fw-semibold">Clique para carregar</span> ou arraste
                                                o PDF
                                            </p>
                                            <p class="text-xs text-secondary">PDF (Max. 100MB)</p>
                                        </div>
                                        <input id="arquivo_pdf" name="arquivo_pdf" type="file" class="d-none"
                                            accept=".pdf" />
                                    </label>
                                </div>

                                <!-- Preview do arquivo selecionado -->
                                <div id="pdf-preview"
                                    class="d-none p-3 bg-default bg-opacity-10 border border-default rounded-3">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0">
                                            <i class="bi bi-file-earmark-pdf fs-3 text-default"></i>
                                        </div>
                                        <div class="ms-3">
                                            <div class="d-flex align-items-center">
                                                <h6 id="pdf-filename" class="mb-0 small fw-medium text-default">
                                                </h6>
                                                <span id="pdf-size"
                                                    class="ms-2 badge bg-default bg-opacity-25 text-default"></span>
                                            </div>
                                            <div class="mt-1 small text-default">
                                                <p class="mb-1">Pronto para upload. O OCR será processado
                                                    automaticamente.</p>
                                            </div>
                                            <div class="mt-2">
                                                <button type="button" onclick="removerPdf()"
                                                    class="btn btn-link p-0 text-danger text-decoration-none small">
                                                    Remover arquivo
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Informações sobre OCR -->
                                <div class="alert alert-warning d-flex" role="alert">
                                    <i class="bi bi-exclamation-triangle-fill me-2"></i>
                                    <div>
                                        <strong>Atenção:</strong> O PDF será convertido em texto via OCR
                                        automaticamente após o upload.
                                        Certifique-se de que o arquivo é legível e não está protegido por senha.
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <!-- Etapa 2: Entidades -->
                <div id="step2" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Entidades Envolvidas</h3>

                    <div class="mb-4">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <label class="form-label mb-0">
                                Entidade Principal <strong class="text-danger">*</strong>
                            </label>
                            <button type="button" onclick="abrirModalEntidade('principal')"
                                class="btn btn-link text-default text-decoration-none p-0 small">
                                <i class="bi bi-plus-circle me-1"></i>
                                Nova Entidade
                            </button>
                        </div>
                        <select name="entidade_principal_id" id="entidade_principal_id" class="form-select" required>
                            <option value="">Selecione a entidade principal...</option>
                            @foreach ($entidadePrincipal as $entidade)
                                <option value="{{ $entidade->id }}" data-nome="{{ $entidade->nome }}">
                                    {{ $entidade->nome }} ({{ $entidade->nif }})
                                </option>
                            @endforeach
                        </select>
                        <div id="entidade_principal_info" class="mt-2 small text-secondary d-none">
                            <!-- Informações da entidade selecionada serão exibidas aqui -->
                        </div>
                    </div>

                    <div class="mb-4">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <label class="form-label mb-0">
                                Co-contratantes
                            </label>
                            <button type="button" onclick="abrirModalEntidade('cocontratante')"
                                class="btn btn-link text-default text-decoration-none p-0 small">
                                <i class="bi bi-plus-circle me-1"></i>
                                Nova Entidade
                            </button>
                        </div>
                        <div id="cocontratantes-container" class="border rounded-3 p-3"
                            style="max-height: 240px; overflow-y: auto;">
                            @foreach ($entidadeCocontratante as $entidade)
                                <div class="form-check mb-2">
                                    <input type="checkbox" name="entidades_cocontratantes[]" value="{{ $entidade->id }}"
                                        id="cocontratante_{{ $entidade->id }}"
                                        class="form-check-input entidade-cocontratante"
                                        data-entidade-id="{{ $entidade->id }}">
                                    <label for="cocontratante_{{ $entidade->id }}" class="form-check-label small">
                                        {{ $entidade->nome }} ({{ $entidade->nif }})
                                    </label>
                                </div>
                            @endforeach
                        </div>
                        <div id="nenhum-cocontratante" class="text-center text-secondary small mt-3 d-none">
                            Nenhuma entidade disponível para selecionar como co-contratante.
                        </div>
                    </div>

                    <div class="alert alert-info small mb-4">
                        <div class="d-flex">
                            <i class="bi bi-info-circle me-2"></i>
                            <div>
                                <strong>Dica:</strong> A entidade principal é a responsável pelo processo.
                                Os co-contratantes são entidades secundárias envolvidas.
                                <br><strong>Atenção:</strong> A entidade selecionada como principal será
                                automaticamente desabilitada na lista de co-contratantes.
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Etapa 3: Relatores -->
                <div id="step3" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Designação de Relatores</h3>

                    <div class="mb-4">
                        <label class="form-label">
                            Relator Principal <strong class="text-danger">*</strong>
                        </label>
                        <select name="relator_principal_id" id="relator_principal_id" class="form-select" required>
                            <option value="">Selecione o relator principal...</option>
                            @foreach ($relatores as $relator)
                                <option value="{{ $relator->id }}">
                                    {{ $relator->nome }} - {{ $relator->cargo }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">
                            Relatores Adjuntos
                        </label>
                        <div class="border rounded-3 p-3" style="max-height: 240px; overflow-y: auto;"
                            id="relatoresAdjuntosContainer">
                            @foreach ($relatores as $relator)
                                <div class="form-check mb-2" data-relator-id="{{ $relator->id }}">
                                    <input type="checkbox" name="relatores_adjuntos[]" value="{{ $relator->id }}"
                                        id="relator_{{ $relator->id }}" class="form-check-input relator-adjunto">
                                    <label for="relator_{{ $relator->id }}" class="form-check-label small">
                                        {{ $relator->nome }} - {{ $relator->cargo }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
                        <small class="text-muted mt-2 d-block">
                            <i class="bi bi-info-circle"></i> O relator selecionado como principal será
                            automaticamente removido da lista de adjuntos.
                        </small>
                    </div>
                </div>

                <!-- Etapa 4: Localização -->
                <div id="step4" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Localização Física</h3>

                    <div class="mb-4">
                        <label class="form-label">
                            Caixa de Arquivo
                        </label>
                        <select name="caixa_id" class="form-select">
                            <option value="">Selecione uma caixa...</option>
                            @foreach ($caixas as $caixa)
                                <option value="{{ $caixa->id }}">
                                    {{ $caixa->codigo }} -
                                    Sala {{ $caixa->estante->estanteria->sala->descricao ?? '' }},
                                    Estanteria {{ $caixa->estante->estanteria->descricao ?? '' }},
                                    Estante {{ $caixa->estante->descricao ?? '' }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">
                            Observações da Localização
                        </label>
                        <textarea name="localizacao_observacao" rows="3" class="form-control"
                            placeholder="Informações adicionais sobre a localização..."></textarea>
                    </div>
                </div>

                <!-- Etapa 5: Decisão -->
                <div id="step5" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Decisão</h3>

                    <div class="mb-4">
                        <label class="form-label">
                            Decisão é aplicável?
                        </label>
                        <div class="d-flex gap-4">
                            <div class="form-check">
                                <input type="radio" name="decisao_aplicavel" value="1" class="form-check-input"
                                    onclick="toggleDecisaoFields(true)">
                                <label class="form-check-label">Sim</label>
                            </div>
                            <div class="form-check">
                                <input type="radio" name="decisao_aplicavel" value="0" class="form-check-input"
                                    checked onclick="toggleDecisaoFields(false)">
                                <label class="form-check-label">Não</label>
                            </div>
                        </div>
                    </div>

                    <div id="decisaoFields" class="row d-none">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">
                                Tipo de Decisão <strong class="text-danger">*</strong>
                            </label>
                            <input type="text" name="tipo_decisao" class="form-control">
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">
                                Data da Decisão <strong class="text-danger">*</strong>
                            </label>
                            <input type="date" name="data_decisao_do_ato" class="form-control">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">
                                Descrição da Decisão
                            </label>
                            <textarea name="descricao_decisao" rows="3" class="form-control"></textarea>
                        </div>
                    </div>
                </div>

                <!-- Etapa 6: Cobrança -->
                <div id="step6" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Cobrança</h3>

                    <div class="mb-4">
                        <label class="form-label">
                            Cobrança é aplicável?
                        </label>
                        <div class="d-flex gap-4">
                            <div class="form-check">
                                <input type="radio" name="cobranca_aplicavel" value="1" class="form-check-input"
                                    onclick="toggleCobrancaFields(true)">
                                <label class="form-check-label">Sim</label>
                            </div>
                            <div class="form-check">
                                <input type="radio" name="cobranca_aplicavel" value="0" class="form-check-input"
                                    checked onclick="toggleCobrancaFields(false)">
                                <label class="form-check-label">Não</label>
                            </div>
                        </div>
                    </div>

                    <div id="cobrancaFields" class="row d-none">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Entidade para Cobrança <strong class="text-danger">*</strong>
                            </label>
                            <select name="entidade_cobranca_id" class="form-select">
                                <option value="">Selecione...</option>
                                @foreach ($entidades as $entidade)
                                    <option value="{{ $entidade->id }}">
                                        {{ $entidade->nome }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Valor (Kz) <strong class="text-danger">*</strong>
                            </label>
                            <input type="number" name="valor_cobranca" step="0.01" min="0"
                                class="form-control">
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Data de Emissão <strong class="text-danger">*</strong>
                            </label>
                            <input type="date" name="data_emissao_cobranca" class="form-control">
                        </div>

                        <div class="col-md-3 mb-3">
                            <label class="form-label">
                                Estado
                            </label>
                            <select name="status_cobranca" class="form-select">
                                <option value="pendente">Pendente</option>
                                <option value="pago">Pago</option>
                                <option value="em_contestacao">Em Contestação</option>
                            </select>
                        </div>

                        <div class="col-12 mb-3">
                            <label class="form-label">
                                Observações
                            </label>
                            <textarea name="observacoes_cobranca" rows="3" class="form-control"
                                placeholder="Informações adicionais sobre a cobrança..."></textarea>
                        </div>
                    </div>
                </div>

                <!-- Etapa 7: Anexos -->
                <div id="step7" class="step-content d-none">
                    <h3 class="h5 mb-4 text-secondary">Documentos Anexos</h3>

                    <div class="mb-4">
                        <label class="form-label">
                            O processo possui documentos anexos?
                        </label>
                        <div class="d-flex gap-4">
                            <div class="form-check">
                                <input type="radio" name="anexos_aplicavel" value="sim" class="form-check-input"
                                    onclick="toggleAnexosFields(true)">
                                <label class="form-check-label">Sim</label>
                            </div>
                            <div class="form-check">
                                <input type="radio" name="anexos_aplicavel" value="nao" class="form-check-input"
                                    checked onclick="toggleAnexosFields(false)">
                                <label class="form-check-label">Não</label>
                            </div>
                        </div>
                    </div>

                    <div id="anexosFields" class="d-none">
                        <div class="mb-4">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h4 class="h6 mb-0">Documentos Anexos</h4>
                                <button type="button" class="btn btn-sm btn-default" onclick="adicionarAnexo()">
                                    <i class="bi bi-plus-circle me-1"></i> Adicionar Anexo
                                </button>
                            </div>

                            <div id="anexosContainer" class="border rounded-3 p-3">
                                <!-- Anexos serão adicionados aqui dinamicamente -->
                                <div id="nenhumAnexoMensagem" class="text-center text-secondary small py-3">
                                    Clique em "Adicionar Anexo" para incluir documentos
                                </div>
                            </div>

                            <div id="anexosLista"></div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between mt-2 pt-4 border-top">
                    <button type="button" id="prevBtn" class="btn btn-outline-secondary d-none">
                        <i class="fa-solid fa-chevron-left me-1"></i> Anterior
                    </button>

                    <button type="button" id="nextBtn" class="btn btn-default ms-auto">
                        Próximo <i class="fa-solid fa-chevron-right ms-1"></i>
                    </button>

                    <button type="submit" id="submitBtn" class="btn btn-default d-none">
                        <i class="fa-solid fa-floppy-disk me-1"></i> Registar Processo
                    </button>
                </div>
            </form>
        </div>
    </div>

    <!-- Modal para Nova Entidade -->
    <div id="modalEntidade" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modalTitulo">Nova Entidade</h5>
                    <button type="button" class="btn-close" onclick="fecharModalEntidade()"></button>
                </div>
                <div class="modal-body">
                    <form id="formNovaEntidade">
                        @csrf
                        <input type="hidden" id="modalTipo" value="">

                        <div class="mb-3">
                            <label class="form-label">
                                Nome da Entidade <strong class="text-danger">*</strong>
                            </label>
                            <input type="text" id="nome_entidade" name="nome" class="form-control" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">
                                NIF
                            </label>
                            <input type="text" id="nif_entidade" name="nif" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">
                                Tipo <strong class="text-danger">*</strong>
                            </label>
                            <select id="tipo_entidade" name="tipo" class="form-select" required>
                                <option value="">Selecione...</option>
                                <option value="publica">Pública</option>
                                <option value="privada">Privada</option>
                            </select>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">
                                Telefone
                            </label>
                            <input type="text" id="telefone_entidade" name="telefone" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">
                                Email
                            </label>
                            <input type="email" id="email_entidade" name="email" class="form-control">
                        </div>

                        <div class="mb-3">
                            <label class="form-label">
                                Endereço
                            </label>
                            <textarea id="endereco_entidade" name="endereco" rows="2" class="form-control"></textarea>
                        </div>

                        <div id="modalErrors" class="alert alert-danger d-none"></div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" onclick="fecharModalEntidade()">
                        Cancelar
                    </button>
                    <button type="button" class="btn btn-default" onclick="salvarNovaEntidade()">
                        Salvar Entidade
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- Template para novo anexo -->

    <template id="anexoTemplate">
        <div class="anexo-item card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h6 class="card-title mb-0">Novo Anexo</h6>
                    <button type="button" class="btn btn-sm btn-link text-danger p-0" onclick="removerAnexo(this, 0)">
                        <i class="bi bi-trash me-1"></i> Remover
                    </button>
                </div>

                <div class="row g-3">
                    <div class="col-md-4">
                        <label class="form-label small">
                            Ano <strong class="text-danger">*</strong>
                        </label>
                        <input type="text" name="anexos[][ano]" class="form-control form-control-sm anexo-ano"
                            maxlength="4" placeholder="Ex: 2024" required>
                    </div>

                    <div class="col-md-8">
                        <label class="form-label small">
                            Título <strong class="text-danger">*</strong>
                        </label>
                        <input type="text" name="anexos[][titulo]" class="form-control form-control-sm anexo-titulo"
                            placeholder="Título do documento" required>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label small">
                            Tipo de Documento <strong class="text-danger">*</strong>
                        </label>
                        <select name="anexos[][tipo]" class="form-select form-select-sm anexo-tipo" required>
                            <option value="">Selecione...</option>
                            <option value="contrato">Contrato</option>
                            <option value="relatorio">Relatório</option>
                            <option value="parecer">Parecer</option>
                            <option value="oficio">Ofício</option>
                            <option value="despacho">Despacho</option>
                            <option value="certidao">Certidão</option>
                            <option value="outro">Outro</option>
                        </select>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label small">
                            Arquivo PDF <strong class="text-danger">*</strong>
                        </label>
                        <input type="file" name="anexos[][arquivo]" class="form-control form-control-sm anexo-arquivo"
                            accept=".pdf" required>
                        <div class="form-text small">
                            Apenas arquivos PDF (Max. 50MB)
                        </div>
                    </div>

                    <div class="col-md-12">
                        <label class="form-label small">
                            Observações
                        </label>
                        <textarea name="anexos[][observacoes]" class="form-control form-control-sm anexo-observacoes" rows="2"
                            placeholder="Observações sobre o documento..."></textarea>
                    </div>
                </div>
            </div>
        </div>
    </template>
@endsection
@section('scripts')
    <script>
        // Variáveis globais
        let currentStep = 1;
        const totalSteps = 7;
        let entidadePrincipalSelecionada = null;
        let anexoCounter = 0;
        let formSubmitting = false;

        // Função para validar arquivo PDF
        function isValidPDF(file, maxSizeMB = 100) {
            if (!file) return false;

            const maxSize = maxSizeMB * 1024 * 1024; // Convert MB to bytes
            const validTypes = ['application/pdf'];
            const validExtensions = ['.pdf'];

            // Check size
            if (file.size > maxSize) {
                console.log(`Arquivo muito grande: ${file.size} bytes, máximo: ${maxSize} bytes`);
                return false;
            }

            // Check type
            if (validTypes.includes(file.type)) return true;

            // Check extension if type not detected
            const fileName = file.name.toLowerCase();
            return validExtensions.some(ext => fileName.endsWith(ext));
        }

        // Função para formatar bytes
        function formatBytes(bytes, decimals = 2) {
            if (bytes === 0) return '0 Bytes';
            const k = 1024;
            const dm = decimals < 0 ? 0 : decimals;
            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
            const i = Math.floor(Math.log(bytes) / Math.log(k));
            return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
        }

        // Função para sanitizar inputs
        function sanitizeInput(input) {
            return input
                .replace(/[<>]/g, '') // Remover tags HTML
                .trim();
        }

        // Função para validar NIF português
        function validarNIF(nif) {
            if (!nif || nif.trim() === '') return true; // NIF é opcional

            const nifRegex = /^[0-9]{9}$/;
            if (!nifRegex.test(nif)) {
                return false;
            }

            // Algoritmo de validação de NIF português
            const checkDigit = parseInt(nif[8]);
            let sum = 0;

            for (let i = 0; i < 8; i++) {
                sum += parseInt(nif[i]) * (9 - i);
            }

            const remainder = sum % 11;
            const expectedCheckDigit = (remainder === 0 || remainder === 1) ? 0 : 11 - remainder;

            return checkDigit === expectedCheckDigit;
        }

        // Função para validar data não futura
        function validarDataNaoFutura(input) {
            if (!input || !input.value) return true;

            const dataSelecionada = new Date(input.value);
            const hoje = new Date();
            hoje.setHours(23, 59, 59, 999);

            return dataSelecionada <= hoje;
        }

        // Função para validar tamanho total de anexos
        function validarTamanhoTotalAnexos() {
            const MAX_TOTAL_SIZE = 200 * 1024 * 1024; // 200MB total
            let totalSize = 0;

            document.querySelectorAll('.anexo-arquivo').forEach(input => {
                if (input.files[0]) {
                    totalSize += input.files[0].size;
                }
            });

            return totalSize <= MAX_TOTAL_SIZE;
        }

        // Função para validar todos os anexos antes do envio
        function validarAnexosAntesEnvio() {
            const anexosAplicavel = document.querySelector('input[name="anexos_aplicavel"]:checked');
            if (!anexosAplicavel || anexosAplicavel.value === 'nao') {
                return true;
            }

            const anexos = document.querySelectorAll('.anexo-item');
            if (anexos.length === 0) {
                alert('Por favor, adicione pelo menos um anexo.');
                return false;
            }

            if (!validarTamanhoTotalAnexos()) {
                alert('O tamanho total dos anexos não pode exceder 200MB.');
                return false;
            }

            let todosValidos = true;

            anexos.forEach((anexo, index) => {
                const campos = anexo.querySelectorAll('[required]');
                campos.forEach(campo => {
                    if (campo.type === 'file') {
                        if (!campo.files || campo.files.length === 0) {
                            campo.classList.add('is-invalid');
                            todosValidos = false;
                        } else if (!isValidPDF(campo.files[0], 50)) {
                            alert(
                                `Anexo ${index + 1}: Por favor, selecione um arquivo PDF válido (máx. 50MB).`
                            );
                            campo.classList.add('is-invalid');
                            todosValidos = false;
                        } else {
                            campo.classList.remove('is-invalid');
                        }
                    } else if (!campo.value.trim()) {
                        campo.classList.add('is-invalid');
                        todosValidos = false;
                    } else {
                        campo.classList.remove('is-invalid');
                    }
                });
            });

            return todosValidos;
        }

        // Função para atualizar o indicador visual das etapas
        function updateStepIndicator(step) {
            const steps = document.querySelectorAll('.d-flex.align-items-center li');

            steps.forEach((stepElement, index) => {
                const stepNumber = index + 1;
                const circle = stepElement.querySelector('.rounded-circle');
                const label = stepElement.querySelector('.fw-medium');
                const line = stepElement.querySelector('.mx-2');

                if (circle) {
                    // Reset classes
                    circle.classList.remove('border-default', 'bg-default', 'text-white',
                        'border-default', 'bg-default', 'text-white',
                        'border-secondary', 'bg-white', 'text-secondary',
                        'border-danger', 'bg-danger');

                    if (stepNumber < step) {
                        // Etapas completadas
                        circle.classList.add('border-default', 'bg-default', 'text-white');
                        if (label) {
                            label.classList.remove('text-default', 'text-secondary');
                            label.classList.add('text-default');
                        }
                        if (line) {
                            line.classList.remove('bg-secondary');
                            line.classList.add('bg-default');
                        }
                    } else if (stepNumber === step) {
                        // Etapa atual
                        circle.classList.add('border-default', 'bg-default', 'text-white');
                        if (label) {
                            label.classList.remove('text-default', 'text-secondary');
                            label.classList.add('text-default');
                        }
                        if (line) {
                            line.classList.remove('bg-default');
                            line.classList.add('bg-secondary');
                        }
                    } else {
                        // Etapas futuras
                        circle.classList.add('border-secondary', 'bg-white', 'text-secondary');
                        if (label) {
                            label.classList.remove('text-default', 'text-default');
                            label.classList.add('text-secondary');
                        }
                        if (line) {
                            line.classList.remove('bg-default');
                            line.classList.add('bg-secondary');
                        }
                    }
                }
            });
        }

        // Função para mostrar/ocultar etapas
        function showStep(step) {
            // Esconde todas as etapas
            document.querySelectorAll('.step-content').forEach(el => {
                el.classList.add('d-none');
            });

            // Mostra a etapa atual
            const currentStepEl = document.getElementById('step' + step);
            if (currentStepEl) {
                currentStepEl.classList.remove('d-none');
            }

            // Atualiza botões
            const prevBtn = document.getElementById('prevBtn');
            const nextBtn = document.getElementById('nextBtn');
            const submitBtn = document.getElementById('submitBtn');

            if (prevBtn) {
                step === 1 ? prevBtn.classList.add('d-none') : prevBtn.classList.remove('d-none');
            }

            if (nextBtn) {
                step === totalSteps ? nextBtn.classList.add('d-none') : nextBtn.classList.remove('d-none');
            }

            if (submitBtn) {
                step === totalSteps ? submitBtn.classList.remove('d-none') : submitBtn.classList.add('d-none');
            }

            // Atualiza o indicador visual
            updateStepIndicator(step);

            // Rola para o topo da etapa
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        }

        // Funções para mostrar/ocultar campos
        window.toggleDecisaoFields = function(show) {
            const decisaoFields = document.getElementById('decisaoFields');
            if (!decisaoFields) return;

            const campos = decisaoFields.querySelectorAll('input, select, textarea');

            if (show) {
                decisaoFields.classList.remove('d-none');
                campos.forEach(field => {
                    if (field.name === 'tipo_decisao' || field.name === 'data_decisao_do_ato') {
                        field.required = true;
                    }
                });
            } else {
                decisaoFields.classList.add('d-none');
                campos.forEach(field => {
                    field.required = false;
                    if (field.type !== 'select-one') {
                        field.value = '';
                    }
                });
            }
        }

        window.toggleCobrancaFields = function(show) {
            const cobrancaFields = document.getElementById('cobrancaFields');
            if (!cobrancaFields) return;

            const campos = cobrancaFields.querySelectorAll('input, select, textarea');

            if (show) {
                cobrancaFields.classList.remove('d-none');
                campos.forEach(field => {
                    if (field.name === 'entidade_cobranca_id' ||
                        field.name === 'valor_cobranca' ||
                        field.name === 'data_emissao_cobranca') {
                        field.required = true;
                    }
                });
            } else {
                cobrancaFields.classList.add('d-none');
                campos.forEach(field => {
                    field.required = false;
                    if (field.type !== 'select-one') {
                        field.value = '';
                    }
                });
            }
        }

        window.toggleAnexosFields = function(show) {
            const anexosFields = document.getElementById('anexosFields');
            if (!anexosFields) return;

            if (show) {
                anexosFields.classList.remove('d-none');
                // Se não houver anexos ainda, adiciona o primeiro
                if (document.querySelectorAll('.anexo-item').length === 0) {
                    adicionarAnexo();
                }
            } else {
                anexosFields.classList.add('d-none');
                // Remove todos os anexos quando desativado
                document.querySelectorAll('.anexo-item').forEach(anexo => {
                    anexo.remove();
                });
                atualizarAnexosHidden();
            }
        }

        // Função para adicionar novo anexo
        function adicionarAnexo() {
            const template = document.getElementById('anexoTemplate');
            if (!template) {
                console.error('Template de anexo não encontrado');
                return;
            }

            const clone = template.content.cloneNode(true);
            const anexoItem = clone.querySelector('.anexo-item');

            if (!anexoItem) {
                console.error('Elemento .anexo-item não encontrado no template');
                return;
            }

            // Incrementar contador para novo índice
            anexoCounter++;
            const anexoIndex = anexoCounter;

            // Atualizar todos os atributos name com o índice
            const inputs = anexoItem.querySelectorAll('[name]');
            inputs.forEach(input => {
                const currentName = input.getAttribute('name');
                // Trocar [] por [indice]
                const newName = currentName.replace('[]', `[${anexoIndex}]`);
                input.setAttribute('name', newName);

                // Adicionar atributo data-index para referência
                input.setAttribute('data-index', anexoIndex);
            });

            // Configurar evento de remoção
            const removeBtn = anexoItem.querySelector('[onclick*="removerAnexo"]');
            if (removeBtn) {
                removeBtn.setAttribute('onclick', `removerAnexo(this, ${anexoIndex})`);
            }

            // Configurar validação em tempo real para campos de texto
            const textInputs = anexoItem.querySelectorAll('input[type="text"], textarea');
            textInputs.forEach(input => {
                input.addEventListener('blur', function() {
                    this.value = sanitizeInput(this.value);
                    if (this.value && this.value.trim()) {
                        this.classList.remove('is-invalid');
                    }
                });

                input.addEventListener('input', function() {
                    if (this.value && this.value.trim()) {
                        this.classList.remove('is-invalid');
                    }
                });
            });

            // Validação especial para ano do anexo
            const anoInput = anexoItem.querySelector('.anexo-ano');
            if (anoInput) {
                anoInput.addEventListener('input', function(e) {
                    // Permite apenas números
                    this.value = this.value.replace(/[^0-9]/g, '');

                    // Limita a 4 dígitos
                    if (this.value.length > 4) {
                        this.value = this.value.slice(0, 4);
                    }

                    // Remove erro se tiver valor
                    if (this.value && this.value.trim()) {
                        this.classList.remove('is-invalid');
                    }
                });

                anoInput.addEventListener('blur', function() {
                    // Valida se tem 4 dígitos
                    if (this.value.length !== 4 && this.value.length > 0) {
                        this.classList.add('is-invalid');
                        alert('O ano deve ter 4 dígitos (ex: 2024)');
                    } else {
                        this.classList.remove('is-invalid');
                    }
                });
            }

            // Validação para arquivo
            const fileInput = anexoItem.querySelector('.anexo-arquivo');
            if (fileInput) {
                fileInput.addEventListener('change', function() {
                    const file = this.files[0];

                    if (file) {
                        if (isValidPDF(file, 50)) {
                            this.classList.remove('is-invalid');

                            // Validar tamanho do arquivo
                            const maxSize = 50 * 1024 * 1024; // 50MB
                            if (file.size > maxSize) {
                                alert(`Arquivo muito grande (${formatBytes(file.size)}). Tamanho máximo: 50MB`);
                                this.value = '';
                                this.classList.add('is-invalid');
                            } else {
                                // Opcional: mostrar nome do arquivo selecionado
                                const parentDiv = this.closest('.col-md-6');
                                if (parentDiv) {
                                    const existingBadge = parentDiv.querySelector('.file-badge');
                                    if (existingBadge) existingBadge.remove();

                                    const badge = document.createElement('span');
                                    badge.className = 'file-badge badge bg-default ms-2 small';
                                    badge.textContent = file.name;
                                    parentDiv.querySelector('label').appendChild(badge);
                                }
                            }
                        } else {
                            alert('Por favor, selecione um arquivo PDF válido.');
                            this.value = '';
                            this.classList.add('is-invalid');
                        }
                    }
                });
            }

            // Validação para select
            const tipoSelect = anexoItem.querySelector('.anexo-tipo');
            if (tipoSelect) {
                tipoSelect.addEventListener('change', function() {
                    if (this.value) {
                        this.classList.remove('is-invalid');
                    }
                });
            }

            // Configurar animação de entrada
            anexoItem.style.opacity = '0';
            anexoItem.style.transform = 'translateY(-10px)';

            // Adicionar ao container
            const container = document.getElementById('anexosContainer');
            if (!container) {
                console.error('Container de anexos não encontrado');
                return;
            }

            // Remover mensagem de "nenhum anexo"
            const mensagem = document.getElementById('nenhumAnexoMensagem');
            if (mensagem && container.contains(mensagem)) {
                mensagem.remove();
            }

            // Adicionar ao container com animação
            container.appendChild(anexoItem);

            // Animar entrada
            setTimeout(() => {
                anexoItem.style.opacity = '1';
                anexoItem.style.transform = 'translateY(0)';
                anexoItem.style.transition = 'all 0.3s ease';
            }, 10);

            // Rolar para o novo anexo
            setTimeout(() => {
                anexoItem.scrollIntoView({
                    behavior: 'smooth',
                    block: 'nearest'
                });
            }, 300);

            console.log(`Anexo ${anexoIndex} adicionado com sucesso`);
        }

        // Função para remover anexo
        function removerAnexo(button) {
            const anexoItem = button.closest('.anexo-item');
            if (anexoItem) {
                // Animação de remoção
                anexoItem.style.opacity = '0';
                anexoItem.style.transform = 'translateX(-20px)';
                anexoItem.style.transition = 'all 0.3s ease';

                setTimeout(() => {
                    anexoItem.remove();
                    atualizarAnexosHidden();

                    // Se não houver mais anexos, mostra mensagem
                    const container = document.getElementById('anexosContainer');
                    if (container && container.children.length === 0) {
                        const mensagem = document.createElement('div');
                        mensagem.id = 'nenhumAnexoMensagem';
                        mensagem.className = 'text-center text-secondary small py-3';
                        mensagem.textContent = 'Clique em "Adicionar Anexo" para incluir documentos';
                        container.appendChild(mensagem);
                    }
                }, 300);
            }
        }

        function reindexarAnexos() {
            const anexos = document.querySelectorAll('.anexo-item');
            anexoCounter = 0;

            anexos.forEach((anexo, index) => {
                anexoCounter++;
                const inputs = anexo.querySelectorAll('[name^="anexos["]');

                inputs.forEach(input => {
                    const name = input.getAttribute('name');
                    const newName = name.replace(/\[\d+\]/, `[${anexoCounter}]`);
                    input.setAttribute('name', newName);
                    input.setAttribute('data-index', anexoCounter);
                });

                // Atualizar botão de remoção
                const removeBtn = anexo.querySelector('[onclick*="removerAnexo"]');
                if (removeBtn) {
                    const oldOnClick = removeBtn.getAttribute('onclick');
                    const newOnClick = oldOnClick.replace(/removerAnexo\(this, \d+\)/,
                        `removerAnexo(this, ${anexoCounter})`);
                    removeBtn.setAttribute('onclick', newOnClick);
                }
            });
        }

        function isValidPDF(file, maxSizeMB = 50) {
            if (!file) return false;

            const maxSize = maxSizeMB * 1024 * 1024; // Convert MB to bytes
            const validTypes = ['application/pdf'];

            // Check size
            if (file.size > maxSize) {
                console.log(`Arquivo muito grande: ${file.size} bytes, máximo: ${maxSize} bytes`);
                return false;
            }

            // Check type
            if (validTypes.includes(file.type)) return true;

            // Check extension if type not detected
            const fileName = file.name.toLowerCase();
            return fileName.endsWith('.pdf');
        }

        function formatBytes(bytes, decimals = 2) {
            if (bytes === 0) return '0 Bytes';
            const k = 1024;
            const dm = decimals < 0 ? 0 : decimals;
            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
            const i = Math.floor(Math.log(bytes) / Math.log(k));
            return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
        }

        function sanitizeInput(input) {
            if (typeof input !== 'string') return '';
            return input
                .replace(/[<>]/g, '') // Remove tags HTML
                .replace(/javascript:/gi, '') // Remove javascript:
                .trim();
        }

        // Função para atualizar campos hidden com dados dos anexos
        function atualizarAnexosHidden() {
            const lista = document.getElementById('anexosLista');
            if (!lista) return;

            // Remove inputs antigos
            lista.innerHTML = '';

            // Coleta dados de todos os anexos
            const anexos = document.querySelectorAll('.anexo-item');
            anexos.forEach((anexo, index) => {
                const ano = anexo.querySelector('.anexo-ano')?.value || '';
                const titulo = anexo.querySelector('.anexo-titulo')?.value || '';
                const tipo = anexo.querySelector('.anexo-tipo')?.value || '';
                const arquivo = anexo.querySelector('.anexo-arquivo')?.files[0];
                const observacoes = anexo.querySelector('.anexo-observacoes')?.value || '';

                // Cria inputs hidden para enviar via formulário
                if (ano || titulo || tipo || arquivo || observacoes) {
                    const prefix = `anexos[${index}]`;

                    // Ano
                    if (ano) {
                        const anoInput = document.createElement('input');
                        anoInput.type = 'hidden';
                        anoInput.name = `${prefix}[ano]`;
                        anoInput.value = ano;
                        lista.appendChild(anoInput);
                    }

                    // Título
                    if (titulo) {
                        const tituloInput = document.createElement('input');
                        tituloInput.type = 'hidden';
                        tituloInput.name = `${prefix}[titulo]`;
                        tituloInput.value = titulo;
                        lista.appendChild(tituloInput);
                    }

                    // Tipo
                    if (tipo) {
                        const tipoInput = document.createElement('input');
                        tipoInput.type = 'hidden';
                        tipoInput.name = `${prefix}[tipo]`;
                        tipoInput.value = tipo;
                        lista.appendChild(tipoInput);
                    }

                    // Observações
                    if (observacoes) {
                        const obsInput = document.createElement('input');
                        obsInput.type = 'hidden';
                        obsInput.name = `${prefix}[observacoes]`;
                        obsInput.value = observacoes;
                        lista.appendChild(obsInput);
                    }

                    // Arquivo - será enviado normalmente pelo FormData
                    if (arquivo) {
                        const fileInput = document.createElement('input');
                        fileInput.type = 'hidden';
                        fileInput.name = `${prefix}[arquivo_nome]`;
                        fileInput.value = arquivo.name;
                        lista.appendChild(fileInput);
                    }
                }
            });
        }

        // Função para validar etapa
        function validateStep(step) {
            const stepElement = document.getElementById('step' + step);
            if (!stepElement) return true;

            let isValid = true;
            const requiredFields = stepElement.querySelectorAll('[required]');

            // Validação especial para etapa de anexos
            if (step === 7) {
                const anexosAplicavel = document.querySelector('input[name="anexos_aplicavel"]:checked');
                if (anexosAplicavel && anexosAplicavel.value === 'sim') {
                    const anexos = document.querySelectorAll('.anexo-item');
                    if (anexos.length === 0) {
                        alert('Por favor, adicione pelo menos um anexo.');
                        return false;
                    }

                    // Valida cada anexo
                    for (const anexo of anexos) {
                        const campos = anexo.querySelectorAll('[required]');
                        for (const campo of campos) {
                            if (campo.type === 'file') {
                                if (!campo.files || campo.files.length === 0) {
                                    campo.classList.add('is-invalid');
                                    isValid = false;
                                } else {
                                    // Valida se é PDF
                                    const file = campo.files[0];
                                    if (!isValidPDF(file, 50)) {
                                        alert('Por favor, selecione apenas arquivos PDF para os anexos (máx. 50MB).');
                                        campo.classList.add('is-invalid');
                                        isValid = false;
                                    } else {
                                        campo.classList.remove('is-invalid');
                                    }
                                }
                            } else if (!campo.value.trim()) {
                                campo.classList.add('is-invalid');
                                isValid = false;
                            } else {
                                campo.classList.remove('is-invalid');
                            }
                        }
                    }
                }
            } else {
                // Validação normal para outras etapas
                requiredFields.forEach(field => {
                    if (!field.closest('.d-none')) {
                        if (field.type === 'checkbox' && field.name.includes('[]')) {
                            const checkboxes = stepElement.querySelectorAll(`input[name="${field.name}"]`);
                            const isChecked = Array.from(checkboxes).some(cb => cb.checked);

                            if (!isChecked) {
                                checkboxes.forEach(cb => {
                                    cb.classList.add('is-invalid');
                                });
                                isValid = false;
                            } else {
                                checkboxes.forEach(cb => {
                                    cb.classList.remove('is-invalid');
                                });
                            }
                        } else if (field.type === 'select-one') {
                            if (!field.value) {
                                field.classList.add('is-invalid');
                                isValid = false;
                            } else {
                                field.classList.remove('is-invalid');
                            }
                        } else if (field.type === 'file') {
                            if (!field.files || field.files.length === 0) {
                                field.classList.add('is-invalid');
                                isValid = false;
                            } else {
                                // Validação para PDF principal
                                if (field.name === 'arquivo_pdf') {
                                    const file = field.files[0];
                                    if (!isValidPDF(file, 100)) {
                                        alert('Por favor, selecione um arquivo PDF válido (máx. 100MB).');
                                        field.classList.add('is-invalid');
                                        isValid = false;
                                    } else {
                                        field.classList.remove('is-invalid');
                                    }
                                }
                            }
                        } else {
                            if (!field.value.trim()) {
                                field.classList.add('is-invalid');
                                isValid = false;
                            } else {
                                field.classList.remove('is-invalid');
                            }
                        }
                    }
                });
            }

            return isValid;
        }

        // Funções do modal de entidade
        function abrirModalEntidade(tipo) {
            const modalElement = document.getElementById('modalEntidade');
            if (!modalElement) return;

            const modal = new bootstrap.Modal(modalElement);
            document.getElementById('modalTipo').value = tipo;

            // Limpar formulário
            document.getElementById('formNovaEntidade').reset();
            const errorDiv = document.getElementById('modalErrors');
            if (errorDiv) {
                errorDiv.classList.add('d-none');
                errorDiv.innerHTML = '';
            }

            modal.show();
        }

        function fecharModalEntidade() {
            const modalElement = document.getElementById('modalEntidade');
            if (!modalElement) return;

            const modal = bootstrap.Modal.getInstance(modalElement);
            if (modal) {
                modal.hide();
            }
        }

        // Função para atualizar disponibilidade de co-contratantes
        function atualizarDisponibilidadeCocontratantes() {
            const checkboxes = document.querySelectorAll('.entidade-cocontratante');
            let algumDisponivel = false;

            checkboxes.forEach(checkbox => {
                if (entidadePrincipalSelecionada && checkbox.value == entidadePrincipalSelecionada) {
                    checkbox.disabled = true;
                    checkbox.checked = false;
                    checkbox.parentElement.classList.add('opacity-50');
                } else {
                    checkbox.disabled = false;
                    checkbox.parentElement.classList.remove('opacity-50');
                    algumDisponivel = true;
                }
            });

            const mensagemNenhum = document.getElementById('nenhum-cocontratante');
            if (mensagemNenhum) {
                if (!algumDisponivel && entidadePrincipalSelecionada) {
                    mensagemNenhum.classList.remove('d-none');
                } else {
                    mensagemNenhum.classList.add('d-none');
                }
            }
        }

        // Função para salvar nova entidade
        function salvarNovaEntidade() {
            const nome = document.getElementById('nome_entidade').value.trim();
            const nif = document.getElementById('nif_entidade').value.trim();
            const tipo = document.getElementById('tipo_entidade').value;
            const telefone = document.getElementById('telefone_entidade').value.trim();
            const email = document.getElementById('email_entidade').value.trim();
            const endereco = document.getElementById('endereco_entidade').value.trim();

            if (!nome || !tipo) {
                alert('Por favor, preencha pelo menos o nome e o tipo da entidade.');
                return;
            }


            // Validar email
            if (email && !email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
                alert('Por favor, insira um email válido.');
                document.getElementById('email_entidade').classList.add('is-invalid');
                return;
            }

            const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') ||
                document.querySelector('input[name="_token"]')?.value;

            if (!csrfToken) {
                alert('Erro de segurança: Token CSRF não encontrado.');
                return;
            }

            const formData = new FormData();
            formData.append('_token', csrfToken);
            formData.append('nome', nome);
            formData.append('nif', nif);
            formData.append('tipo', tipo);
            formData.append('telefone', telefone);
            formData.append('email', email);
            formData.append('endereco', endereco);

            const salvarBtn = document.querySelector('#modalEntidade .btn-default');
            const originalText = salvarBtn.textContent;
            salvarBtn.textContent = 'Salvando...';
            salvarBtn.disabled = true;

            const errorDiv = document.getElementById('modalErrors');
            if (errorDiv) {
                errorDiv.innerHTML = '';
                errorDiv.classList.add('d-none');
            }

            fetch('{{ route('processos.cadastrarEntidadeRapida') }}', {
                    method: 'POST',
                    body: formData,
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest',
                        'Accept': 'application/json'
                    }
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        adicionarNovaEntidade(data.entidade);
                        fecharModalEntidade();
                        // Não mostrar alerta se foi adicionado automaticamente
                        const modalTipo = document.getElementById('modalTipo').value;
                        if (modalTipo !== 'principal') {
                            alert(data.message || 'Entidade cadastrada com sucesso!');
                        }
                    } else {
                        if (data.errors) {
                            let errorHtml = '<ul class="mb-0">';
                            for (const field in data.errors) {
                                data.errors[field].forEach(error => {
                                    errorHtml += `<li>${error}</li>`;
                                });
                            }
                            errorHtml += '</ul>';

                            if (errorDiv) {
                                errorDiv.innerHTML = errorHtml;
                                errorDiv.classList.remove('d-none');
                            }
                        } else {
                            alert(data.message || 'Erro ao cadastrar entidade.');
                        }
                    }
                })
                .catch(error => {
                    console.error('Erro:', error);
                    alert('Erro ao conectar com o servidor. Verifique sua conexão.');
                })
                .finally(() => {
                    salvarBtn.textContent = originalText;
                    salvarBtn.disabled = false;
                });
        }

        // Função para adicionar nova entidade
        function adicionarNovaEntidade(entidade) {
            if (!entidade || !entidade.id) return;

            // Adicionar ao select de entidade principal
            const selectPrincipal = document.getElementById('entidade_principal_id');
            if (selectPrincipal) {
                const optionExists = Array.from(selectPrincipal.options).some(
                    opt => parseInt(opt.value) === parseInt(entidade.id)
                );

                if (!optionExists) {
                    const option = document.createElement('option');
                    option.value = entidade.id;
                    option.textContent = entidade.nome + (entidade.nif ? ' (' + entidade.nif + ')' : '');
                    option.setAttribute('data-nome', entidade.nome);
                    selectPrincipal.appendChild(option);
                }
            }

            // Adicionar à lista de co-contratantes
            const container = document.getElementById('cocontratantes-container');
            if (container) {
                const checkboxExists = document.querySelector(`#cocontratante_${entidade.id}`);
                if (!checkboxExists) {
                    const div = document.createElement('div');
                    div.className = 'form-check mb-2';
                    div.innerHTML = `
                <input type="checkbox" name="entidades_cocontratantes[]"
                    value="${entidade.id}"
                    id="cocontratante_${entidade.id}"
                    class="form-check-input entidade-cocontratante"
                    data-entidade-id="${entidade.id}">
                <label for="cocontratante_${entidade.id}"
                    class="form-check-label small">
                    ${entidade.nome} (${entidade.nif || 'Sem NIF'})
                </label>
            `;
                    container.appendChild(div);
                }
            }

            // Adicionar ao select de entidade para cobrança
            const selectCobranca = document.querySelector('select[name="entidade_cobranca_id"]');
            if (selectCobranca) {
                const optionExists = Array.from(selectCobranca.options).some(
                    opt => parseInt(opt.value) === parseInt(entidade.id)
                );

                if (!optionExists) {
                    const option = document.createElement('option');
                    option.value = entidade.id;
                    option.textContent = entidade.nome;
                    selectCobranca.appendChild(option);
                }
            }

            const modalTipo = document.getElementById('modalTipo');
            const selectPrincipalEl = document.getElementById('entidade_principal_id');

            if (modalTipo && selectPrincipalEl && modalTipo.value === 'principal') {
                selectPrincipalEl.value = entidade.id;
                entidadePrincipalSelecionada = entidade.id;
                const event = new Event('change');
                selectPrincipalEl.dispatchEvent(event);
            }

            atualizarDisponibilidadeCocontratantes();
        }

        // Função para gerenciar upload de PDF principal
        function gerenciarUploadPdf() {
            const input = document.getElementById('arquivo_pdf');
            const preview = document.getElementById('pdf-preview');
            const filename = document.getElementById('pdf-filename');
            const sizeSpan = document.getElementById('pdf-size');

            if (input) {
                input.addEventListener('change', function(e) {
                    const file = e.target.files[0];

                    if (file) {
                        if (!isValidPDF(file, 100)) {
                            alert('Por favor, selecione um arquivo PDF válido (máx. 100MB).');
                            input.value = '';
                            if (preview) preview.classList.add('d-none');

                            // Adicionar feedback visual
                            const dropArea = document.querySelector('label[for="arquivo_pdf"]');
                            if (dropArea) {
                                dropArea.classList.add('border-danger');
                                setTimeout(() => dropArea.classList.remove('border-danger'), 2000);
                            }
                            return;
                        }

                        if (filename) filename.textContent = file.name;
                        if (sizeSpan) sizeSpan.textContent = formatBytes(file.size);
                        if (preview) preview.classList.remove('d-none');
                    }
                });
            }
        }

        function removerPdf() {
            const input = document.getElementById('arquivo_pdf');
            const preview = document.getElementById('pdf-preview');

            if (input) {
                input.value = '';
            }

            if (preview) {
                preview.classList.add('d-none');
            }
        }

        // Função para validar formulário completo
        function validarFormularioCompleto() {
            let todasValidas = true;

            for (let i = 1; i <= totalSteps; i++) {
                if (!validateStep(i)) {
                    todasValidas = false;
                    // Destacar etapa com erro
                    const stepIndicator = document.querySelector(`li:nth-child(${i}) .rounded-circle`);
                    if (stepIndicator) {
                        stepIndicator.classList.add('border-danger');
                        stepIndicator.classList.remove('border-default', 'border-default');
                    }
                }
            }

            return todasValidas;
        }

        // Debounce para melhorar performance
        function debounce(func, wait) {
            let timeout;
            return function executedFunction(...args) {
                const later = () => {
                    clearTimeout(timeout);
                    func(...args);
                };
                clearTimeout(timeout);
                timeout = setTimeout(later, wait);
            };
        }

        // Quando o DOM estiver carregado
        document.addEventListener('DOMContentLoaded', function() {
            // Inicializar mostrando a primeira etapa
            showStep(1);

            // Configurar eventos dos botões de navegação
            const nextBtn = document.getElementById('nextBtn');
            const prevBtn = document.getElementById('prevBtn');
            const form = document.getElementById('processoForm');

            if (nextBtn) {
                nextBtn.addEventListener('click', function() {
                    if (validateStep(currentStep)) {
                        if (currentStep < totalSteps) {
                            currentStep++;
                            showStep(currentStep);
                        }
                    }
                });
            }

            if (prevBtn) {
                prevBtn.addEventListener('click', function() {
                    if (currentStep > 1) {
                        currentStep--;
                        showStep(currentStep);
                    }
                });
            }

            if (form) {
                form.addEventListener('submit', function(e) {
                    e.preventDefault(); // Sempre prevenir para validar primeiro

                    if (formSubmitting) {
                        return false;
                    }

                    // Validar anexos especificamente
                    if (!validarAnexosAntesEnvio()) {
                        currentStep = 7;
                        showStep(currentStep);
                        return false;
                    }

                    if (!validarFormularioCompleto()) {
                        alert('Por favor, corrija todos os erros antes de enviar.');
                        // Ir para primeira etapa com erro
                        for (let i = 1; i <= totalSteps; i++) {
                            if (!validateStep(i)) {
                                currentStep = i;
                                showStep(currentStep);
                                break;
                            }
                        }
                        return false;
                    }

                    // Se tudo estiver válido, submeter
                    formSubmitting = true;

                    // Mostrar loading
                    const submitBtn = document.getElementById('submitBtn');
                    if (submitBtn) {
                        const originalText = submitBtn.innerHTML;
                        submitBtn.innerHTML =
                            '<span class="spinner-border spinner-border-sm me-2"></span>A Processar...';
                        submitBtn.disabled = true;
                    }

                    // Atualizar hidden inputs dos anexos
                    atualizarAnexosHidden();

                    // Submeter formulário com um pequeno delay para mostrar o loading
                    setTimeout(() => {
                        this.submit();
                    }, 500);
                });
            }

            // Configurar monitoramento da entidade principal
            const selectPrincipal = document.getElementById('entidade_principal_id');
            if (selectPrincipal) {
                selectPrincipal.addEventListener('change', function() {
                    entidadePrincipalSelecionada = this.value;
                    atualizarDisponibilidadeCocontratantes();
                });

                entidadePrincipalSelecionada = selectPrincipal.value;
                atualizarDisponibilidadeCocontratantes();
            }

            // Validação em tempo real para campos obrigatórios
            document.querySelectorAll('[required]').forEach(input => {
                input.addEventListener('input', debounce(function() {
                    if (this.value.trim()) {
                        this.classList.remove('is-invalid');
                    }
                }, 300));

                input.addEventListener('change', function() {
                    if (this.value && this.value.trim()) {
                        this.classList.remove('is-invalid');
                    }
                });
            });

            // Sanitização de campos de texto
            document.querySelectorAll('input[type="text"], textarea').forEach(input => {
                input.addEventListener('blur', function() {
                    this.value = sanitizeInput(this.value);
                });
            });

            // Validação do campo ano
            const anoInput = document.querySelector('input[name="ano"]');
            if (anoInput) {
                anoInput.addEventListener('input', function(e) {
                    this.value = this.value.replace(/[^0-9]/g, '');
                    if (this.value.length > 4) {
                        this.value = this.value.slice(0, 4);
                    }
                });
            }

            // Validação de datas não futuras
            document.querySelectorAll('input[type="date"]').forEach(input => {
                input.addEventListener('change', function() {
                    if (this.value && !validarDataNaoFutura(this)) {
                        alert('A data não pode ser futura.');
                        this.value = '';
                        this.classList.add('is-invalid');
                    } else {
                        this.classList.remove('is-invalid');
                    }
                });
            });

            // Validação de email no modal
            const emailInput = document.getElementById('email_entidade');
            if (emailInput) {
                emailInput.addEventListener('blur', function() {
                    if (this.value && !this.value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
                        this.classList.add('is-invalid');
                    } else {
                        this.classList.remove('is-invalid');
                    }
                });
            }

            // Validação de NIF no modal
            const nifInput = document.getElementById('nif_entidade');
            if (nifInput) {
                nifInput.addEventListener('blur', function() {
                    if (this.value && !validarNIF(this.value)) {
                        this.classList.add('is-invalid');
                    } else {
                        this.classList.remove('is-invalid');
                    }
                });
            }

            // Inicializar gerenciamento de PDF principal
            gerenciarUploadPdf();

            // Configurar arrastar e soltar para PDF principal
            const dropArea = document.querySelector('label[for="arquivo_pdf"]');
            if (dropArea) {
                ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
                    dropArea.addEventListener(eventName, preventDefaults, false);
                });

                function preventDefaults(e) {
                    e.preventDefault();
                    e.stopPropagation();
                }

                ['dragenter', 'dragover'].forEach(eventName => {
                    dropArea.addEventListener(eventName, highlight, false);
                });

                ['dragleave', 'drop'].forEach(eventName => {
                    dropArea.addEventListener(eventName, unhighlight, false);
                });

                function highlight() {
                    dropArea.classList.add('border-default');
                }

                function unhighlight() {
                    dropArea.classList.remove('border-default');
                }

                dropArea.addEventListener('drop', handleDrop, false);

                function handleDrop(e) {
                    const dt = e.dataTransfer;
                    const files = dt.files;

                    if (files.length > 0) {
                        const file = files[0];
                        const input = document.getElementById('arquivo_pdf');

                        // Validar antes de atribuir
                        if (!isValidPDF(file, 100)) {
                            alert('Por favor, selecione um arquivo PDF válido (máx. 100MB).');
                            dropArea.classList.add('border-danger');
                            setTimeout(() => dropArea.classList.remove('border-danger'), 2000);
                            return;
                        }

                        // Criar um DataTransfer para simular input file
                        const dataTransfer = new DataTransfer();
                        dataTransfer.items.add(file);
                        input.files = dataTransfer.files;

                        // Disparar evento change
                        const event = new Event('change', {
                            bubbles: true
                        });
                        input.dispatchEvent(event);
                    }
                }
            }
        });
        // Função para atualizar a lista de relatores adjuntos
        function atualizarRelatoresAdjuntos() {
            const relatorPrincipalId = document.querySelector('select[name="relator_principal_id"]').value;
            const adjuntosContainer = document.getElementById('relatoresAdjuntosContainer');

            if (!adjuntosContainer) return;

            // Percorre todos os checkboxes de relatores adjuntos
            const checkboxes = adjuntosContainer.querySelectorAll('input[name="relatores_adjuntos[]"]');

            checkboxes.forEach(checkbox => {
                const container = checkbox.closest('.form-check');

                if (checkbox.value == relatorPrincipalId && relatorPrincipalId) {
                    // Desabilita e esconde o checkbox do relator principal
                    checkbox.disabled = true;
                    checkbox.checked = false;
                    if (container) {
                        container.style.display = 'none'; // Esconde completamente
                    }
                } else if (checkbox.value != relatorPrincipalId) {
                    // Habilita e mostra os demais
                    checkbox.disabled = false;
                    if (container) {
                        container.style.display = 'flex'; // Mostra novamente se estava escondido
                        container.style.opacity = '1';
                    }
                }
            });

            // Verificar se precisa mostrar mensagem de "nenhum relator disponível"
            const visiveis = Array.from(checkboxes).filter(cb => {
                const container = cb.closest('.form-check');
                return container && container.style.display !== 'none';
            });

            let mensagemExistente = document.getElementById('nenhumRelatorMensagem');

            if (visiveis.length === 0 && checkboxes.length > 0) {
                if (!mensagemExistente) {
                    const mensagem = document.createElement('div');
                    mensagem.id = 'nenhumRelatorMensagem';
                    mensagem.className = 'text-center text-secondary small py-3';
                    mensagem.innerHTML =
                        '<i class="bi bi-info-circle me-1"></i> Nenhum relator adjunto disponível. Todos os relatores já estão selecionados como principal.';
                    adjuntosContainer.appendChild(mensagem);
                }
            } else {
                if (mensagemExistente) {
                    mensagemExistente.remove();
                }
            }
        }

        // Função para restaurar todos os relatores adjuntos (quando limpar seleção)
        function restaurarTodosRelatores() {
            const adjuntosContainer = document.getElementById('relatoresAdjuntosContainer');
            if (!adjuntosContainer) return;

            const checkboxes = adjuntosContainer.querySelectorAll('input[name="relatores_adjuntos[]"]');

            checkboxes.forEach(checkbox => {
                const container = checkbox.closest('.form-check');
                checkbox.disabled = false;
                checkbox.checked = false;
                if (container) {
                    container.style.display = 'flex';
                    container.style.opacity = '1';
                }
            });

            const mensagemExistente = document.getElementById('nenhumRelatorMensagem');
            if (mensagemExistente) {
                mensagemExistente.remove();
            }
        }

        // Adicionar evento ao select de relator principal
        document.addEventListener('DOMContentLoaded', function() {
            const relatorPrincipalSelect = document.querySelector('select[name="relator_principal_id"]');

            if (relatorPrincipalSelect) {
                // Evento quando mudar o relator principal
                relatorPrincipalSelect.addEventListener('change', function() {
                    if (this.value) {
                        atualizarRelatoresAdjuntos();
                    } else {
                        restaurarTodosRelatores();
                    }
                });

                // Executar inicialmente se já tiver um valor selecionado
                if (relatorPrincipalSelect.value) {
                    atualizarRelatoresAdjuntos();
                }
            }
        });
    </script>
@endsection