@extends('sistema.layout')
@section('titulo', 'Editar Processo')
@section('conteudo')
<div class="container-fluid py-4">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-12">
            <div class="card shadow-sm border-0">
                <div class="card-body p-4 p-md-5">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h2 class="card-title text-dark mb-0">Editar Processo</h2>
                        <span class="badge bg-primary fs-6 px-3 py-2">
                            #{{ $processo->numero }}/{{ $processo->ano }}
                        </span>
                    </div>
                    
                    <!-- Etapas do processo -->
                    <div class="mb-5">
                        <nav class="d-flex justify-content-center">
                            <ol class="d-flex align-items-center list-unstyled mb-0 flex-wrap">
                                @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 mb-2 mb-sm-0">
                                        <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-primary bg-primary text-white' : 'border-success bg-success text-white') : 'border-secondary bg-white text-secondary' }}"
                                                style="width: 32px; height: 32px; transition: all 0.3s ease;">
                                                {{ $stepNumber }}
                                            </span>
                                            <span class="ms-2 small fw-medium d-none d-sm-inline
                                                {{ $isActive ? ($isCurrent ? 'text-primary' : 'text-success') : 'text-secondary' }}">
                                                {{ $step }}
                                            </span>
                                        </div>
                                        @if($index < 6)
                                            <div class="mx-2 d-none d-sm-block {{ $isActive ? 'bg-success' : 'bg-secondary' }}" 
                                                 style="width: 40px; height: 2px;"></div>
                                        @endif
                                    </li>
                                @endforeach
                            </ol>
                        </nav>
                    </div>

                    <!-- Formulário -->
                    <form id="processoForm" method="POST" action="{{ route('processos.update', $processo->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <!-- Etapa 1: Dados Básicos -->
                        <div id="step1" class="step-content">
                            <h3 class="h5 mb-4 text-secondary">Dados do Processo</h3>
                            
                            <div class="row g-3 mb-4">
                                <div class="col-md-6">
                                    <label class="form-label">
                                        Número do Processo *
                                    </label>
                                    <input type="text" name="numero" 
                                        class="form-control @error('numero') is-invalid @enderror"
                                        value="{{ old('numero', $processo->numero) }}"
                                        required>
                                    @error('numero')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">
                                        Ano *
                                    </label>
                                    <input type="text" name="ano" maxlength="4"
                                        class="form-control @error('ano') is-invalid @enderror"
                                        value="{{ old('ano', $processo->ano) }}"
                                        required>
                                    @error('ano')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row g-3 mb-4">
                                <div class="col-md-6">
                                    <label class="form-label">
                                        Tipo de Fiscalização *
                                    </label>
                                    <select name="tipo_fiscalizacao"
                                        class="form-select @error('tipo_fiscalizacao') is-invalid @enderror"
                                        required>
                                        <option value="preventiva" {{ old('tipo_fiscalizacao', $processo->tipo_fiscalizacao) == 'preventiva' ? 'selected' : '' }}>Preventiva</option>
                                        <option value="sucessiva" {{ old('tipo_fiscalizacao', $processo->tipo_fiscalizacao) == 'sucessiva' ? 'selected' : '' }}>Sucessiva</option>
                                    </select>
                                    @error('tipo_fiscalizacao')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">
                                        Data de Entrada *
                                    </label>
                                    <input type="date" name="data_entrada"
                                        class="form-control @error('data_entrada') is-invalid @enderror"
                                        value="{{ old('data_entrada', $processo->data_entrada ? $processo->data_entrada->format('Y-m-d') : '') }}"
                                        required>
                                    @error('data_entrada')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="mb-4">
                                <label class="form-label">
                                    Objeto *
                                </label>
                                <textarea name="objeto" rows="3"
                                    class="form-control @error('objeto') is-invalid @enderror"
                                    required>{{ old('objeto', $processo->objeto) }}</textarea>
                                @error('objeto')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="row g-3 mb-4">
                                <div class="col-md-4">
                                    <label class="form-label">
                                        Número de Páginas
                                    </label>
                                    <input type="number" name="paginas" min="1"
                                        class="form-control @error('paginas') is-invalid @enderror"
                                        value="{{ old('paginas', $processo->paginas) }}">
                                    @error('paginas')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="row g-3 mb-4">
                                <div class="col-md-4">
                                    <label class="form-label">
                                        Espécie Processual *
                                    </label>
                                    <select name="especie_processual_id"
                                        class="form-select @error('especie_processual_id') is-invalid @enderror"
                                        required>
                                        <option value="">Selecione...</option>
                                        @foreach($especies as $especie)
                                            <option value="{{ $especie->id }}" {{ old('especie_processual_id', $processo->especie_processual_id) == $especie->id ? 'selected' : '' }}>
                                                {{ $especie->codigo }} - {{ $especie->descricao }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('especie_processual_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label">
                                        Natureza do Processo *
                                    </label>
                                    <select name="natureza_processo_id"
                                        class="form-select @error('natureza_processo_id') is-invalid @enderror"
                                        required>
                                        <option value="">Selecione...</option>
                                        @foreach($naturezas as $natureza)
                                            <option value="{{ $natureza->id }}" {{ old('natureza_processo_id', $processo->natureza_processo_id) == $natureza->id ? 'selected' : '' }}>
                                                {{ $natureza->descricao }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('natureza_processo_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-4">
                                    <label class="form-label">
                                        Estado *
                                    </label>
                                    <select name="estado_id"
                                        class="form-select @error('estado_id') is-invalid @enderror"
                                        required>
                                        <option value="">Selecione...</option>
                                        @foreach($estados as $estado)
                                            <option value="{{ $estado->id }}" {{ old('estado_id', $processo->estado_id) == $estado->id ? 'selected' : '' }}>
                                                {{ $estado->descricao }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('estado_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Upload de PDF -->
                            <div class="mb-4">
                                <label class="form-label">
                                    PDF Digitalizado do Processo
                                </label>
                                
                                <div class="space-y-3">
                                    @if($processo->arquivo_pdf)
                                        <div class="mb-3 p-3 bg-light border rounded-3">
                                            <div class="d-flex align-items-center">
                                                <i class="bi bi-file-earmark-pdf fs-3 text-danger me-3"></i>
                                                <div>
                                                    <h6 class="mb-1">{{ basename($processo->arquivo_pdf) }}</h6>
                                                    <p class="mb-1 small text-secondary">Documento atual</p>
                                                    <div class="d-flex gap-2">
                                                        <a href="{{ Storage::url($processo->arquivo_pdf) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                                            <i class="bi bi-eye me-1"></i> Visualizar
                                                        </a>
                                                        <label for="arquivo_pdf" class="btn btn-sm btn-outline-secondary mb-0">
                                                            <i class="bi bi-arrow-repeat me-1"></i> Substituir
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    
                                    <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 upload-area">
                                            <div class="d-flex flex-column align-items-center justify-content-center">
                                                <i class="bi bi-cloud-upload fs-1 text-secondary mb-2"></i>
                                                <p class="mb-1 small text-secondary">
                                                    <span class="fw-semibold">{{ $processo->arquivo_pdf ? 'Clique para substituir' : '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-primary bg-opacity-10 border border-primary rounded-3 fade-in">
                                        <div class="d-flex">
                                            <div class="flex-shrink-0">
                                                <i class="bi bi-file-earmark-pdf fs-3 text-primary"></i>
                                            </div>
                                            <div class="ms-3">
                                                <div class="d-flex align-items-center flex-wrap gap-2">
                                                    <h6 id="pdf-filename" class="mb-0 small fw-medium text-primary"></h6>
                                                    <span id="pdf-size" class="badge bg-primary bg-opacity-25 text-primary"></span>
                                                </div>
                                                <div class="mt-1 small text-primary">
                                                    <p class="mb-1">{{ $processo->arquivo_pdf ? 'O arquivo antigo será substituído.' : '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">
                                                        <i class="bi bi-x-circle me-1"></i>Remover arquivo
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <!-- Informações sobre OCR -->
                                    <div class="alert alert-warning d-flex align-items-start" role="alert">
                                        <i class="bi bi-exclamation-triangle-fill me-2 flex-shrink-0 mt-1"></i>
                                        <div>
                                            <strong>Atenção:</strong> Ao substituir o PDF, o texto do documento será reindexado via OCR automaticamente.
                                            Certifique-se de que o arquivo é legível e não está protegido por senha.
                                        </div>
                                    </div>
                                    @error('arquivo_pdf')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </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 *
                                    </label>
                                    <button type="button" onclick="abrirModalEntidade('principal')"
                                        class="btn btn-link text-primary 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 @error('entidade_principal_id') is-invalid @enderror"
                                    required>
                                    <option value="">Selecione a entidade principal...</option>
                                    @foreach($entidadePrincipal as $entidade)
                                        <option value="{{ $entidade->id }}" 
                                            data-nome="{{ $entidade->nome }}"
                                            {{ old('entidade_principal_id', $processo->entidade_principal_id) === $entidade->id ? 'selected' : '' }}>
                                            {{ $entidade->nome }} ({{ $entidade->nif ?? 'Sem NIF' }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('entidade_principal_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <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-primary 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: 300px; overflow-y: auto;">
                                    @forelse($entidadeCocontratante as $entidade)
                                        @php
                                            $isChecked = in_array($entidade->id, old('entidades_cocontratantes', $processo->entidadesCocontratantes->pluck('id')->toArray()));
                                        @endphp
                                        <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 }}"
                                                {{ $isChecked ? 'checked' : '' }}>
                                            <label for="cocontratante_{{ $entidade->id }}" 
                                                class="form-check-label small">
                                                {{ $entidade->nome }} ({{ $entidade->nif ?? 'Sem NIF' }})
                                            </label>
                                        </div>
                                    @empty
                                        <div class="text-center text-secondary small py-3">
                                            Nenhuma entidade disponível.
                                        </div>
                                    @endforelse
                                </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>
                                @error('entidades_cocontratantes')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="alert alert-info small mb-4">
                                <div class="d-flex">
                                    <i class="bi bi-info-circle me-2 flex-shrink-0 mt-1"></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 *
                                </label>
                                <select name="relator_principal_id"
                                    class="form-select @error('relator_principal_id') is-invalid @enderror"
                                    required>
                                    <option value="">Selecione o relator principal...</option>
                                    @foreach($relatores as $relator)
                                        <option value="{{ $relator->id }}" {{ old('relator_principal_id', $processo->relator_principal_id) == $relator->id ? 'selected' : '' }}>
                                            {{ $relator->nome }} - {{ $relator->cargo }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('relator_principal_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <label class="form-label">
                                    Relatores Adjuntos
                                </label>
                                <div class="border rounded-3 p-3" style="max-height: 300px; overflow-y: auto;">
                                    @foreach($relatores as $relator)
                                        @php
                                            $isChecked = in_array($relator->id, old('relatores_adjuntos', $processo->relatoresAdjuntos->pluck('id')->toArray()));
                                        @endphp
                                        <div class="form-check mb-2">
                                            <input type="checkbox" name="relatores_adjuntos[]" 
                                                value="{{ $relator->id }}"
                                                id="relator_{{ $relator->id }}"
                                                class="form-check-input"
                                                {{ $isChecked ? 'checked' : '' }}>
                                            <label for="relator_{{ $relator->id }}" 
                                                class="form-check-label small">
                                                {{ $relator->nome }} - {{ $relator->cargo }}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                @error('relatores_adjuntos')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </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 @error('caixa_id') is-invalid @enderror">
                                    <option value="">Selecione uma caixa...</option>
                                    @foreach($caixas as $caixa)
                                        <option value="{{ $caixa->id }}" {{ old('caixa_id', $processo->caixa_id) == $caixa->id ? 'selected' : '' }}>
                                            {{ $caixa->codigo }} - 
                                            Sala {{ $caixa->estante->estanteria->sala->descricao ?? 'N/A' }},
                                            Estanteria {{ $caixa->estante->estanteria->descricao ?? 'N/A' }},
                                            Estante {{ $caixa->estante->descricao ?? 'N/A' }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('caixa_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <label class="form-label">
                                    Observações da Localização
                                </label>
                                <textarea name="localizacao_observacao" rows="3"
                                    class="form-control @error('localizacao_observacao') is-invalid @enderror"
                                    placeholder="Informações adicionais sobre a localização...">{{ old('localizacao_observacao', $processo->localizacao_observacao) }}</textarea>
                                @error('localizacao_observacao')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </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"
                                            id="decisao_sim"
                                            onclick="toggleDecisaoFields(true)"
                                            {{ old('decisao_aplicavel', $processo->decisao_aplicavel ? '1' : '0') == '1' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="decisao_sim">Sim</label>
                                    </div>
                                    <div class="form-check">
                                        <input type="radio" name="decisao_aplicavel" value="0" 
                                            class="form-check-input"
                                            id="decisao_nao"
                                            onclick="toggleDecisaoFields(false)"
                                            {{ old('decisao_aplicavel', $processo->decisao_aplicavel ? '0' : '1') == '0' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="decisao_nao">Não</label>
                                    </div>
                                </div>
                                @error('decisao_aplicavel')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div id="decisaoFields" class="{{ old('decisao_aplicavel', $processo->decisao_aplicavel) ? '' : 'd-none' }}">
                                <div class="mb-3">
                                    <label class="form-label">
                                        Tipo de Decisão *
                                    </label>
                                    <input type="text" name="tipo_decisao"
                                        class="form-control @error('tipo_decisao') is-invalid @enderror"
                                        value="{{ old('tipo_decisao', $processo->tipo_decisao) }}">
                                    @error('tipo_decisao')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">
                                        Descrição da Decisão
                                    </label>
                                    <textarea name="descricao_decisao" rows="3"
                                        class="form-control @error('descricao_decisao') is-invalid @enderror">{{ old('descricao_decisao', $processo->descricao_decisao) }}</textarea>
                                    @error('descricao_decisao')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <label class="form-label">
                                            Data da Decisão *
                                        </label>
                                        <input type="date" name="data_decisao_do_ato"
                                            class="form-control @error('data_decisao_do_ato') is-invalid @enderror"
                                            value="{{ old('data_decisao_do_ato', $processo->data_decisao_do_ato ? $processo->data_decisao_do_ato->format('Y-m-d') : '') }}">
                                        @error('data_decisao_do_ato')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </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"
                                            id="cobranca_sim"
                                            onclick="toggleCobrancaFields(true)"
                                            {{ old('cobranca_aplicavel', $processo->cobranca_aplicavel ? '1' : '0') == '1' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="cobranca_sim">Sim</label>
                                    </div>
                                    <div class="form-check">
                                        <input type="radio" name="cobranca_aplicavel" value="0" 
                                            class="form-check-input"
                                            id="cobranca_nao"
                                            onclick="toggleCobrancaFields(false)"
                                            {{ old('cobranca_aplicavel', $processo->cobranca_aplicavel ? '0' : '1') == '0' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="cobranca_nao">Não</label>
                                    </div>
                                </div>
                                @error('cobranca_aplicavel')
                                    <div class="text-danger small mt-1">{{ $message }}</div>
                                @enderror
                            </div>

                            <div id="cobrancaFields" class="{{ old('cobranca_aplicavel', $processo->cobranca_aplicavel) ? '' : 'd-none' }}">
                                <div class="row g-3 mb-3">
                                    <div class="col-md-6">
                                        <label class="form-label">
                                            Entidade para Cobrança *
                                        </label>
                                        <select name="entidade_cobranca_id"
                                            class="form-select @error('entidade_cobranca_id') is-invalid @enderror">
                                            <option value="">Selecione...</option>
                                            @foreach($entidades as $entidade)
                                                <option value="{{ $entidade->id }}" {{ old('entidade_cobranca_id', $processo->entidade_cobranca_id) == $entidade->id ? 'selected' : '' }}>
                                                    {{ $entidade->nome }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('entidade_cobranca_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">
                                            Valor (Kz) *
                                        </label>
                                        <input type="number" name="valor_cobranca" step="0.01" min="0"
                                            class="form-control @error('valor_cobranca') is-invalid @enderror"
                                            value="{{ old('valor_cobranca', $processo->valor_cobranca) }}">
                                        @error('valor_cobranca')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row g-3 mb-3">
                                    <div class="col-md-6">
                                        <label class="form-label">
                                            Data de Emissão *
                                        </label>
                                        <input type="date" name="data_emissao_cobranca"
                                            class="form-control @error('data_emissao_cobranca') is-invalid @enderror"
                                            value="{{ old('data_emissao_cobranca', $processo->data_emissao_cobranca ? $processo->data_emissao_cobranca->format('Y-m-d') : '') }}">
                                        @error('data_emissao_cobranca')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">
                                            Status
                                        </label>
                                        <select name="status_cobranca"
                                            class="form-select @error('status_cobranca') is-invalid @enderror">
                                            <option value="pendente" {{ old('status_cobranca', $processo->status_cobranca) == 'pendente' ? 'selected' : '' }}>Pendente</option>
                                            <option value="pago" {{ old('status_cobranca', $processo->status_cobranca) == 'pago' ? 'selected' : '' }}>Pago</option>
                                            <option value="em_contestacao" {{ old('status_cobranca', $processo->status_cobranca) == 'em_contestacao' ? 'selected' : '' }}>Em Contestação</option>
                                        </select>
                                        @error('status_cobranca')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label class="form-label">
                                        Observações
                                    </label>
                                    <textarea name="observacoes_cobranca" rows="3"
                                        class="form-control @error('observacoes_cobranca') is-invalid @enderror"
                                        placeholder="Informações adicionais sobre a cobrança...">{{ old('observacoes_cobranca', $processo->observacoes_cobranca) }}</textarea>
                                    @error('observacoes_cobranca')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </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"
                                            id="anexos_sim"
                                            onclick="toggleAnexosFields(true)"
                                            {{ old('anexos_aplicavel', $processo->anexos->count() > 0 ? 'sim' : 'nao') == 'sim' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="anexos_sim">Sim</label>
                                    </div>
                                    <div class="form-check">
                                        <input type="radio" name="anexos_aplicavel" value="nao" 
                                            class="form-check-input"
                                            id="anexos_nao"
                                            onclick="toggleAnexosFields(false)"
                                            {{ old('anexos_aplicavel', $processo->anexos->count() > 0 ? 'nao' : 'sim') == 'nao' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="anexos_nao">Não</label>
                                    </div>
                                </div>
                            </div>

                            <div id="anexosFields" class="{{ $processo->anexos->count() > 0 ? '' : '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-primary" onclick="adicionarAnexo()">
                                            <i class="bi bi-plus-circle me-1"></i> Adicionar Anexo
                                        </button>
                                    </div>
                                    
                                    <div id="anexosContainer" class="border rounded-3 p-3">
                                        @forelse($processo->anexos as $anexo)
                                            <div class="anexo-item card mb-3 fade-in" data-id="{{ $anexo->id }}">
                                                <div class="card-body">
                                                    <div class="d-flex justify-content-between align-items-center mb-3">
                                                        <h6 class="card-title mb-0">{{ $anexo->titulo }}</h6>
                                                        <div class="d-flex gap-2">
                                                            @if($anexo->arquivo_path)
                                                                <a href="{{ Storage::url($anexo->arquivo_path) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                                                    <i class="bi bi-eye"></i>
                                                                </a>
                                                            @endif
                                                            <button type="button" class="btn btn-sm btn-link text-danger p-0" onclick="removerAnexo(this, {{ $anexo->id }})">
                                                                <i class="bi bi-trash me-1"></i> Remover
                                                            </button>
                                                        </div>
                                                    </div>
                                                    
                                                    <input type="hidden" name="anexos_existentes[{{ $anexo->id }}][id]" value="{{ $anexo->id }}">
                                                    
                                                    <div class="row g-3">
                                                        <div class="col-md-4">
                                                            <label class="form-label small">
                                                                Ano *
                                                            </label>
                                                            <input type="text" name="anexos_existentes[{{ $anexo->id }}][ano]" 
                                                                   class="form-control form-control-sm anexo-ano" 
                                                                   maxlength="4" 
                                                                   value="{{ $anexo->ano }}"
                                                                   required>
                                                        </div>
                                                        
                                                        <div class="col-md-8">
                                                            <label class="form-label small">
                                                                Título *
                                                            </label>
                                                            <input type="text" name="anexos_existentes[{{ $anexo->id }}][titulo]" 
                                                                   class="form-control form-control-sm anexo-titulo" 
                                                                   value="{{ $anexo->titulo }}"
                                                                   required>
                                                        </div>
                                                        
                                                        <div class="col-md-6">
                                                            <label class="form-label small">
                                                                Tipo de Documento *
                                                            </label>
                                                            <select name="anexos_existentes[{{ $anexo->id }}][tipo]" 
                                                                    class="form-select form-select-sm anexo-tipo" required>
                                                                <option value="contrato" {{ $anexo->tipo == 'contrato' ? 'selected' : '' }}>Contrato</option>
                                                                <option value="relatorio" {{ $anexo->tipo == 'relatorio' ? 'selected' : '' }}>Relatório</option>
                                                                <option value="parecer" {{ $anexo->tipo == 'parecer' ? 'selected' : '' }}>Parecer</option>
                                                                <option value="oficio" {{ $anexo->tipo == 'oficio' ? 'selected' : '' }}>Ofício</option>
                                                                <option value="despacho" {{ $anexo->tipo == 'despacho' ? 'selected' : '' }}>Despacho</option>
                                                                <option value="certidao" {{ $anexo->tipo == 'certidao' ? 'selected' : '' }}>Certidão</option>
                                                                <option value="outro" {{ $anexo->tipo == 'outro' ? 'selected' : '' }}>Outro</option>
                                                            </select>
                                                        </div>
                                                        
                                                        <div class="col-md-6">
                                                            <label class="form-label small">
                                                                Novo Arquivo PDF
                                                            </label>
                                                            <input type="file" name="anexos_existentes[{{ $anexo->id }}][arquivo]" 
                                                                   class="form-control form-control-sm" 
                                                                   accept=".pdf">
                                                            <div class="form-text small">
                                                                @if($anexo->arquivo_path)
                                                                    Arquivo atual: {{ basename($anexo->arquivo_path) }}<br>
                                                                @endif
                                                                Apenas arquivos PDF (Max. 50MB)
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="col-md-12">
                                                            <label class="form-label small">
                                                                Observações
                                                            </label>
                                                            <textarea name="anexos_existentes[{{ $anexo->id }}][observacoes]" 
                                                                      class="form-control form-control-sm anexo-observacoes" 
                                                                      rows="2">{{ $anexo->observacoes }}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @empty
                                            <div id="nenhumAnexoMensagem" class="text-center text-secondary small py-3">
                                                Clique em "Adicionar Anexo" para incluir documentos
                                            </div>
                                        @endforelse
                                    </div>
                                    
                                    <div id="anexosLista"></div>
                                    @error('anexos')
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Botões de navegação -->
                        <div class="d-flex justify-content-between align-items-center mt-5 pt-4 border-top">
                            <div>
                                <a href="{{ route('processos.index') }}" class="btn btn-outline-secondary">
                                    <i class="bi bi-arrow-left me-1"></i> Cancelar
                                </a>
                                <button type="button" id="prevBtn" 
                                    class="btn btn-outline-secondary d-none ms-2">
                                    <i class="bi bi-chevron-left me-1"></i> Anterior
                                </button>
                            </div>
                            
                            <div>
                                <button type="button" id="nextBtn" 
                                    class="btn btn-primary">
                                    Próximo <i class="bi bi-chevron-right ms-1"></i>
                                </button>
                                
                                <button type="submit" id="submitBtn" 
                                    class="btn btn-success d-none">
                                    <i class="bi bi-check-circle me-1"></i> Atualizar Processo
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Nova Entidade -->
<div id="modalEntidade" class="modal fade" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title" id="modalTitulo">
                    <i class="bi bi-building me-2 text-primary"></i>
                    Nova Entidade
                </h5>
                <button type="button" class="btn-close" onclick="fecharModalEntidade()"></button>
            </div>
            <div class="modal-body">
                <form id="formNovaEntidade" onsubmit="return false;">
                    @csrf
                    <input type="hidden" id="modalTipo" value="">
                    
                    <div class="mb-3">
                        <label class="form-label">
                            Nome da Entidade *
                        </label>
                        <input type="text" id="nome_entidade" name="nome"
                            class="form-control form-control-lg"
                            required
                            maxlength="255"
                            autocomplete="off">
                        <div class="form-text">Nome completo da entidade</div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">
                                NIF
                            </label>
                            <input type="text" id="nif_entidade" name="nif"
                                class="form-control"
                                maxlength="9"
                                autocomplete="off">
                        </div>
                        
                        <div class="col-md-6">
                            <label class="form-label">
                                Tipo *
                            </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>
                    
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">
                                Telefone
                            </label>
                            <input type="text" id="telefone_entidade" name="telefone"
                                class="form-control"
                                maxlength="20">
                        </div>
                        
                        <div class="col-md-6">
                            <label class="form-label">
                                Email
                            </label>
                            <input type="email" id="email_entidade" name="email"
                                class="form-control"
                                maxlength="255">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label">
                            Endereço
                        </label>
                        <textarea id="endereco_entidade" name="endereco" rows="2"
                            class="form-control"
                            maxlength="500"></textarea>
                    </div>
                    
                    <div id="modalErrors" class="alert alert-danger d-none"></div>
                </form>
            </div>
            <div class="modal-footer bg-light">
                <button type="button" class="btn btn-secondary" onclick="fecharModalEntidade()">
                    Cancelar
                </button>
                <button type="button" class="btn btn-primary" onclick="salvarNovaEntidade()">
                    <i class="bi bi-save me-1"></i> Salvar Entidade
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Template para novo anexo -->
<template id="anexoTemplate">
    <div class="anexo-item card mb-3 fade-in">
        <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 *
                    </label>
                    <input type="text" name="anexos_novos[][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 *
                    </label>
                    <input type="text" name="anexos_novos[][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 *
                    </label>
                    <select name="anexos_novos[][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 *
                    </label>
                    <input type="file" name="anexos_novos[][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_novos[][observacoes]" 
                              class="form-control form-control-sm anexo-observacoes" 
                              rows="2" placeholder="Observações sobre o documento..."></textarea>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
// Variáveis globais
let currentStep = 1;
const totalSteps = 7;
let entidadePrincipalSelecionada = null;
let anexoCounter = {{ $processo->anexos->count() }};
let formSubmitting = false;

// Função para validar arquivo PDF
function isValidPDF(file, maxSizeMB = 50) {
    if (!file) return false;
    const maxSize = maxSizeMB * 1024 * 1024;
    const validTypes = ['application/pdf'];
    
    if (file.size > maxSize) return false;
    if (validTypes.includes(file.type)) return true;
    
    const fileName = file.name.toLowerCase();
    return fileName.endsWith('.pdf');
}

// 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) {
    if (typeof input !== 'string') return '';
    return input.replace(/[<>]/g, '').replace(/javascript:/gi, '').trim();
}

// Função para validar NIF
function validarNIF(nif) {
    if (!nif || nif.trim() === '') return true;
    return /^[0-9]{9}$/.test(nif);
}

// 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 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) {
            circle.classList.remove('border-primary', 'bg-primary', 'text-white', 
                                   'border-success', 'bg-success', 'text-white',
                                   'border-secondary', 'bg-white', 'text-secondary');
            
            if (stepNumber < step) {
                circle.classList.add('border-success', 'bg-success', 'text-white');
                if (label) {
                    label.classList.remove('text-primary', 'text-secondary');
                    label.classList.add('text-success');
                }
                if (line) {
                    line.classList.remove('bg-secondary');
                    line.classList.add('bg-success');
                }
            } else if (stepNumber === step) {
                circle.classList.add('border-primary', 'bg-primary', 'text-white');
                if (label) {
                    label.classList.remove('text-success', 'text-secondary');
                    label.classList.add('text-primary');
                }
                if (line) {
                    line.classList.remove('bg-success');
                    line.classList.add('bg-secondary');
                }
            } else {
                circle.classList.add('border-secondary', 'bg-white', 'text-secondary');
                if (label) {
                    label.classList.remove('text-primary', 'text-success');
                    label.classList.add('text-secondary');
                }
                if (line) {
                    line.classList.remove('bg-success');
                    line.classList.add('bg-secondary');
                }
            }
        }
    });
}

// Função para mostrar/ocultar etapas
function showStep(step) {
    document.querySelectorAll('.step-content').forEach(el => {
        el.classList.add('d-none');
    });
    
    const currentStepEl = document.getElementById('step' + step);
    if (currentStepEl) {
        currentStepEl.classList.remove('d-none');
    }
    
    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');
    }
    
    updateStepIndicator(step);
    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.type !== 'hidden') {
                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.type !== 'hidden') {
                field.value = '';
            }
        });
    }
}

window.toggleAnexosFields = function(show) {
    const anexosFields = document.getElementById('anexosFields');
    if (!anexosFields) return;
    
    if (show) {
        anexosFields.classList.remove('d-none');
        if (document.querySelectorAll('#anexosContainer .anexo-item').length === 0) {
            adicionarAnexo();
        }
    } else {
        anexosFields.classList.add('d-none');
    }
}

// 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) return;
    
    anexoCounter++;
    
    const mensagem = document.getElementById('nenhumAnexoMensagem');
    if (mensagem && mensagem.parentNode) {
        mensagem.remove();
    }
    
    const container = document.getElementById('anexosContainer');
    if (container) {
        container.appendChild(anexoItem);
    }
}

// Função para remover anexo
function removerAnexo(button, id) {
    if (confirm('Tem certeza que deseja remover este anexo?')) {
        const anexoItem = button.closest('.anexo-item');
        if (anexoItem) {
            // Se for um anexo existente, adiciona campo hidden para marcar para remoção
            if (id > 0) {
                const container = document.getElementById('anexosLista');
                const input = document.createElement('input');
                input.type = 'hidden';
                input.name = 'anexos_remover[]';
                input.value = id;
                container.appendChild(input);
            }
            
            anexoItem.style.opacity = '0';
            anexoItem.style.transform = 'translateX(-20px)';
            anexoItem.style.transition = 'all 0.3s ease';
            
            setTimeout(() => {
                anexoItem.remove();
                
                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);
        }
    }
}

// Funções do modal de entidade
function abrirModalEntidade(tipo) {
    const modalElement = document.getElementById('modalEntidade');
    if (!modalElement) return;
    
    let modal;
    if (typeof bootstrap !== 'undefined') {
        modal = new bootstrap.Modal(modalElement);
        document.getElementById('modalTipo').value = tipo;
        
        const modalTitulo = document.getElementById('modalTitulo');
        if (modalTitulo) {
            modalTitulo.innerHTML = tipo === 'principal' 
                ? '<i class="bi bi-building me-2 text-primary"></i>Nova Entidade Principal'
                : '<i class="bi bi-building me-2 text-primary"></i>Nova Co-contratante';
        }
        
        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;
    
    if (typeof bootstrap !== 'undefined') {
        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 tipo = document.getElementById('tipo_entidade').value;
    
    if (!nome || !tipo) {
        alert('Por favor, preencha o nome e o tipo da entidade.');
        return;
    }
    
    const nif = document.getElementById('nif_entidade').value.trim();
    if (nif && !validarNIF(nif)) {
        alert('Por favor, insira um NIF válido (9 dígitos).');
        document.getElementById('nif_entidade').classList.add('is-invalid');
        return;
    }
    
    const email = document.getElementById('email_entidade').value.trim();
    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('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', document.getElementById('telefone_entidade').value.trim());
    formData.append('email', email);
    formData.append('endereco', document.getElementById('endereco_entidade').value.trim());
    
    const salvarBtn = document.querySelector('#modalEntidade .btn-primary');
    const originalText = salvarBtn.innerHTML;
    salvarBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>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();
        } 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.innerHTML = originalText;
        salvarBtn.disabled = false;
    });
}

// Função para adicionar nova entidade às listas
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');
                    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 etapa
function validateStep(step) {
    const stepElement = document.getElementById('step' + step);
    if (!stepElement) return true;
    
    let isValid = true;
    const requiredFields = stepElement.querySelectorAll('[required]');
    
    if (step === 7) {
        const anexosAplicavel = document.querySelector('input[name="anexos_aplicavel"]:checked');
        if (anexosAplicavel && anexosAplicavel.value === 'sim') {
            const anexos = document.querySelectorAll('#anexosContainer .anexo-item');
            if (anexos.length === 0) {
                alert('Por favor, adicione pelo menos um anexo.');
                return false;
            }
        }
    }
    
    requiredFields.forEach(field => {
        if (!field.closest('.d-none')) {
            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') {
                // Arquivos são opcionais na edição se já existirem
                const anexoItem = field.closest('.anexo-item');
                if (anexoItem && anexoItem.dataset.id) {
                    // Anexo existente, arquivo não é obrigatório
                    field.required = false;
                } else if (!field.files || field.files.length === 0) {
                    if (field.id === 'arquivo_pdf' && '{{ $processo->arquivo_pdf }}') {
                        // PDF principal existente, não obrigatório
                        field.required = false;
                    } else {
                        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ção para validar formulário completo
function validarFormularioCompleto() {
    let todasValidas = true;
    
    for (let i = 1; i <= totalSteps; i++) {
        if (!validateStep(i)) {
            todasValidas = false;
            const stepIndicator = document.querySelector(`li:nth-child(${i}) .rounded-circle`);
            if (stepIndicator) {
                stepIndicator.classList.add('border-danger');
                stepIndicator.classList.remove('border-primary', 'border-success');
            }
        }
    }
    
    return todasValidas;
}

// Debounce function
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 a partir da etapa atual
    @if(isset($currentStep))
        currentStep = {{ $currentStep }};
    @endif
    showStep(currentStep);
    
    // 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();
            
            if (formSubmitting) {
                return false;
            }
            
            if (!validarFormularioCompleto()) {
                alert('Por favor, corrija todos os erros antes de enviar.');
                for (let i = 1; i <= totalSteps; i++) {
                    if (!validateStep(i)) {
                        currentStep = i;
                        showStep(currentStep);
                        break;
                    }
                }
                return false;
            }
            
            formSubmitting = true;
            
            const submitBtn = document.getElementById('submitBtn');
            if (submitBtn) {
                submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>A Atualizar...';
                submitBtn.disabled = true;
            }
            
            this.submit();
        });
    }
    
    // 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
    document.querySelectorAll('[required]').forEach(input => {
        input.addEventListener('input', debounce(function() {
            if (this.value.trim()) {
                this.classList.remove('is-invalid');
            }
        }, 300));
    });
    
    // 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');
            }
        });
    });
    
    // 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-primary');
        }
        
        function unhighlight() {
            dropArea.classList.remove('border-primary');
        }
        
        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');
                
                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;
                }
                
                const dataTransfer = new DataTransfer();
                dataTransfer.items.add(file);
                input.files = dataTransfer.files;
                
                const event = new Event('change', { bubbles: true });
                input.dispatchEvent(event);
            }
        }
    }
});
</script>

<style>
:root {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --step-completed: #10b981;
    --step-active: #3b82f6;
    --step-inactive: #9ca3af;
}

.text-gradient {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.border-dashed {
    border: 2px dashed #dee2e6 !important;
}

.upload-area {
    cursor: pointer;
    transition: all 0.3s ease;
}

.upload-area:hover {
    transform: translateY(-2px);
    background-color: #f1f5f9 !important;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.is-invalid {
    border-color: #dc3545 !important;
}

.invalid-feedback {
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .d-flex.align-items-center.list-unstyled {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    
    .mx-2 {
        display: none !important;
    }
    
    .step-content {
        padding: 15px 0;
    }
    
    .container-fluid {
        padding: 15px;
    }
}

/* Custom scrollbar */
#cocontratantes-container::-webkit-scrollbar,
#anexosContainer::-webkit-scrollbar {
    width: 6px;
}

#cocontratantes-container::-webkit-scrollbar-track,
#anexosContainer::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

#cocontratantes-container::-webkit-scrollbar-thumb,
#anexosContainer::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

#cocontratantes-container::-webkit-scrollbar-thumb:hover,
#anexosContainer::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* Modal styles */
.modal-content {
    border: none;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.modal-header {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.modal-footer {
    border-top: 1px solid rgba(0,0,0,0.05);
}
</style>
@endsection