@extends('layouts.app')

@section('titulo', 'Contrato #'.$caso->id_processo)

@section('conteudo')
@if($caso->emRedacao())
    {{-- A redação corre na fila (Word no mini, 70-95 s): a página recarrega até acabar. --}}
    <meta http-equiv="refresh" content="5">
    <div class="note">A redigir o contrato — a página atualiza-se sozinha quando estiver pronto (cerca de 1 a 2 minutos).</div>
@endif
<div class="top">
    <div><div class="crumb"><a href="{{ route('contratos.index') }}">&larr; Contratos</a></div>
        <h1>{{ $caso->nome ?? 'Processo '.$caso->id_processo }}</h1></div>
    <div class="btns">
        @if($caso->estado === 'publicado')
            <span class="pill p-ok">{{ $caso->estadoLegivel() }}</span>
        @elseif(in_array($caso->estado, ['gerado_completo', 'gerado_com_falta']))
            <span class="pill p-rev">{{ $caso->estadoLegivel() }}</span>
        @else
            <span class="pill">{{ $caso->estadoLegivel() }}</span>
        @endif
    </div>
</div>

<div class="card">
    <h3>Resumo</h3>
    <table>
        <tr><td>Processo</td><td class="mono">{{ $caso->id_processo }}</td></tr>
        <tr><td>MAI</td><td class="mono">{{ $caso->mai }}</td></tr>
        <tr><td>Zona</td><td>{{ $caso->zona }}</td></tr>
        <tr><td>Admissão</td><td class="mono">{{ $caso->admissao?->format('d/m/Y') }}</td></tr>
        <tr><td>Modalidade</td><td>{{ $meta['modalidade'] ?? '—' }}</td></tr>
        <tr><td>Cliente</td><td>{{ $campos['cliente_nome'] ?? '—' }}</td></tr>
        <tr><td>Data início</td><td>{{ $campos['data_inicio'] ?? '—' }}</td></tr>
        <tr><td>Data fim</td><td>{{ $campos['data_fim'] ?? '—' }}</td></tr>
        <tr><td>Duração (dias/meses)</td><td>{{ $campos['duracao_meses'] ?? '—' }} {{ $campos['duracao_unidade'] ?? '' }}</td></tr>
        <tr><td>Horas</td><td>{{ $campos['horas'] ?? '—' }}</td></tr>
        <tr><td>Retribuição</td><td>{{ $campos['vencimento'] ?? '—' }}</td></tr>
    </table>
</div>

@if(!empty($caso->manifesto['perguntas']))
@php $opcoesPerguntas = $caso->opcoesPerguntas(); @endphp
<div class="card" id="perguntas">
    <h3>À espera de respostas: {{ implode(', ', $caso->perguntasPendentesRotulos()) }}</h3>
    <p class="ph">O motor não conseguiu redigir o contrato sem estes dados (dados incompletos no Sabichão). Responda e o contrato é gerado de novo.</p>
    <form method="POST" action="{{ route('contratos.regerar', $caso) }}">
        @csrf
        @foreach($caso->manifesto['perguntas'] as [$chave, $texto])
            <div style="margin-bottom:14px">
                <label><b>{{ \App\Models\ContratoCaso::ROTULOS_PERGUNTAS[$chave] ?? $chave }}</b></label>
                <div class="ph" style="font-size:12px;margin:2px 0 6px">{{ $texto }}</div>
                @switch($chave)
                    @case('modalidade')
                        <select name="flags[modalidade]" style="width:220px">
                            <option value="">—</option>
                            @foreach(\App\Models\ContratoCaso::OPCOES_MODALIDADE as $val => $rot)
                                <option value="{{ $val }}">{{ $rot }}</option>
                            @endforeach
                        </select>
                        @break

                    @case('especialidade')
                        @if(!empty($opcoesPerguntas['especialidade']))
                            <select name="flags[especialidade]" style="width:280px">
                                <option value="">—</option>
                                @foreach($opcoesPerguntas['especialidade'] as $o)
                                    <option value="{{ $o['valor'] }}">{{ $o['rotulo'] }}</option>
                                @endforeach
                            </select>
                        @else
                            <select name="flags[especialidade]" style="width:280px">
                                <option value="">—</option>
                                @foreach(\App\Services\Contratos\Regras::ESP_NOME as $val => $rot)
                                    <option value="{{ $val }}">{{ $rot }} ({{ $val }})</option>
                                @endforeach
                            </select>
                            <div class="ph" style="font-size:12px;margin-top:4px">Rascunho antigo sem a lista de cartões do funcionário — escolha pelo cartão que ele tem.</div>
                        @endif
                        @break

                    @case('documento')
                        <select name="flags[documento]" style="width:220px">
                            <option value="">—</option>
                            @foreach(\App\Models\ContratoCaso::OPCOES_DOCUMENTO as $val => $rot)
                                <option value="{{ $val }}">{{ $rot }}</option>
                            @endforeach
                        </select>
                        @break

                    @case('categoria')
                        <select name="flags[categoria]" style="width:220px">
                            <option value="">—</option>
                            @foreach(\App\Models\ContratoCaso::OPCOES_CATEGORIA as $val => $rot)
                                <option value="{{ $val }}">{{ $rot }}</option>
                            @endforeach
                        </select>
                        @break

                    @case('horas')
                        <input type="number" step="0.5" min="0" name="flags[horas]" class="mono" style="width:90px" placeholder="nº">
                        <select name="flags[periodo_horas]" style="width:140px">
                            <option value="semanais">semanais</option>
                            <option value="mensais">mensais</option>
                        </select>
                        @break

                    @case('cliente')
                        @if(!empty($opcoesPerguntas['cliente']))
                            <select name="flags[cliente]" style="width:420px">
                                <option value="">—</option>
                                @foreach($opcoesPerguntas['cliente'] as $o)
                                    <option value="{{ $o['valor'] }}">{{ $o['rotulo'] }}</option>
                                @endforeach
                            </select>
                        @else
                            <div style="position:relative">
                                <input type="text" id="cliente-pesquisa" autocomplete="off" placeholder="Pesquisar cliente do Sabichão" style="width:320px">
                                <input type="hidden" name="flags[cliente]" id="cliente-pesquisa-ncontrato">
                                <div id="cliente-pesquisa-sugestoes" class="sugestoes" hidden></div>
                            </div>
                            <div class="ph" style="font-size:12px;margin-top:6px">Sem cliente no Sabichão? Texto livre:</div>
                            <input type="text" name="flags[cliente_nome]" placeholder="nome do cliente" style="width:260px">
                            <input type="text" name="flags[cliente_morada]" placeholder="morada do cliente" style="width:260px">
                        @endif
                        @break

                    @case('cliente_morada')
                        <input type="text" name="flags[cliente_morada]" style="width:320px" placeholder="morada do cliente">
                        @break

                    @case('duracao')
                        <input type="number" min="1" name="flags[duracao_meses]" class="mono" style="width:90px" placeholder="meses">
                        @break

                    @case('data_fim')
                        <input type="date" name="flags[data_fim]">
                        @break

                    @case('renovacao')
                        <input type="text" name="flags[renovacao]" list="renovacao-opcoes" style="width:200px" placeholder="ex. 3 meses">
                        <datalist id="renovacao-opcoes">
                            <option value="1 mês"></option>
                            <option value="3 meses"></option>
                            <option value="6 meses"></option>
                            <option value="1 ano"></option>
                            <option value="igual"></option>
                        </datalist>
                        @break

                    @default
                        <input type="text" name="flags[{{ $chave }}]" placeholder="{{ $chave }}">
                @endswitch
            </div>
        @endforeach
        <button type="submit" class="btn b3">Responder e voltar a redigir</button>
    </form>
</div>
@if(empty($opcoesPerguntas['cliente'] ?? []))
<script>
(function () {
    var input = document.getElementById('cliente-pesquisa');
    var hidden = document.getElementById('cliente-pesquisa-ncontrato');
    var sugestoes = document.getElementById('cliente-pesquisa-sugestoes');
    if (!input || !hidden || !sugestoes) { return; }
    var t;
    input.addEventListener('input', function () {
        hidden.value = '';
        var termo = input.value.trim();
        clearTimeout(t);
        if (termo.length < 2) { sugestoes.hidden = true; return; }
        t = setTimeout(function () {
            fetch('/fichas/clientes?q=' + encodeURIComponent(termo), { headers: { Accept: 'application/json' } })
                .then(function (r) { return r.ok ? r.json() : { clientes: [] }; })
                .then(function (d) {
                    var clientes = d.clientes || [];
                    sugestoes.innerHTML = '';
                    if (!clientes.length) { sugestoes.hidden = true; return; }
                    clientes.forEach(function (c) {
                        var btn = document.createElement('button');
                        btn.type = 'button';
                        btn.textContent = c.designacao_comercial + ' — nº ' + c.numero_contrato + (c.zona ? ' (' + c.zona + ')' : '');
                        btn.addEventListener('click', function () {
                            input.value = c.designacao_comercial;
                            hidden.value = c.numero_contrato;
                            sugestoes.hidden = true;
                        });
                        sugestoes.appendChild(btn);
                    });
                    sugestoes.hidden = false;
                })
                .catch(function () { sugestoes.hidden = true; });
        }, 300);
    });
    document.addEventListener('click', function (ev) {
        if (ev.target !== input && !sugestoes.contains(ev.target)) { sugestoes.hidden = true; }
    });
})();
</script>
@endif
@endif

@if($caso->estaGerado())
<div class="card">
    <h3>Pré-visualização</h3>
    @php
        $pdfRevisao = $meta['pdf_revisao'] ?? null;
        $motorConversor = $meta['conversor'] ?? null;
    @endphp
    @if($motorConversor)
        <p class="ph" style="font-size:12px;margin:0 0 6px">
            @if($caso->pdf_path)
                PDF gerado com: {{ $motorConversor === 'word' ? 'Word (mini)' : 'LibreOffice (recurso)' }}
            @else
                Pré-visualização de revisão pelo LibreOffice; o PDF final sai pelo Word quando não houver campos por preencher.
            @endif
        </p>
    @endif
    @if($pdfRevisao)
        <iframe src="{{ route('contratos.ficheiro', [$caso, 'revisao']) }}" style="width:100%;height:640px;border:1px solid var(--line);border-radius:8px"></iframe>
        <div class="ph" style="font-size:12px;margin-top:8px">
            <span class="swatch swatch-verde"></span> verde: do Sabichão ·
            <span class="swatch swatch-azul"></span> azul: calculado ·
            <span class="swatch swatch-cinza"></span> cinzento: escrito por ti ·
            <span class="swatch swatch-amarelo"></span> amarelo: por preencher
        </div>
        @if($caso->pdf_path)
            <a href="{{ route('contratos.ficheiro', [$caso, 'pdf']) }}" class="img" style="display:inline-block;margin-top:6px">Ver PDF final (sem cores)</a>
        @else
            <p class="ph" style="margin-top:6px">Sem PDF final: há campos [FALTA] por preencher (caixas acima) ou pode transferir o .docx e completar no Word.</p>
            <a href="{{ route('contratos.ficheiro', [$caso, 'docx']) }}" class="btn b2">Transferir .docx</a>
        @endif
    @elseif($caso->pdf_path)
        <iframe src="{{ route('contratos.ficheiro', [$caso, 'pdf']) }}" style="width:100%;height:640px;border:1px solid var(--line);border-radius:8px"></iframe>
    @else
        <p class="ph">Sem PDF — há campos [FALTA] por preencher; o .docx pode ser transferido e completado no Word.</p>
        <a href="{{ route('contratos.ficheiro', [$caso, 'docx']) }}" class="btn b2">Transferir .docx</a>
    @endif
</div>
@endif

@php
    $chavesFalta = $caso->chavesFalta();
    $valoresManuais = (array) ($caso->valores_manuais ?? []);
    $chavesPreencher = array_values(array_unique(array_merge($chavesFalta, array_keys($valoresManuais))));
@endphp
@if(!empty($chavesPreencher) && $caso->estado !== 'publicado')
<div class="card">
    <h3>Campos por preencher</h3>
    <form method="POST" action="{{ route('contratos.preencher', $caso) }}">
        @csrf
        @foreach($chavesPreencher as $chave)
            <div style="margin-bottom:10px">
                <label><b>{{ \App\Models\ContratoCaso::ROTULOS_CAMPOS[$chave] ?? $chave }}</b></label>
                @if(in_array($chave, $chavesFalta, true))
                    <span class="pill p-blk" style="margin-left:6px">[FALTA]</span>
                @endif
                <br>
                <input type="text" name="valores[{{ $chave }}]" value="{{ $valoresManuais[$chave] ?? '' }}" maxlength="300" style="width:320px" placeholder="valor para {{ $chave }}">
            </div>
        @endforeach
        <button type="submit" class="btn b3">Guardar e regerar</button>
    </form>
</div>
@endif

<div class="card">
    @php $motivoBloqueio = $caso->motivoBloqueioPublicacao(); @endphp
    <div class="btns">
        @if(in_array($caso->estado, ['gerado_completo', 'gerado_com_falta']))
            <form method="POST" action="{{ route('contratos.publicar', $caso) }}" style="display:inline">
                @csrf
                <button type="submit" class="btn b3" @if($motivoBloqueio) disabled title="{{ $motivoBloqueio }}" @endif>Aprovar e publicar</button>
            </form>
            <form method="POST" action="{{ route('contratos.descartar', $caso) }}" style="display:inline"
                onsubmit="return confirm('Descartar este rascunho?')">
                @csrf
                <button type="submit" class="btn b2">Descartar</button>
            </form>
        @endif
    </div>
    @if($motivoBloqueio)
        <p class="ph" style="font-size:12px;margin-top:6px">Não é possível publicar: {{ $motivoBloqueio }}</p>
    @endif
    <div class="btns" style="margin-top:0">
        @if($caso->publicado_por_marcar)
            <form method="POST" action="{{ route('contratos.tentar-marcar', $caso) }}" style="display:inline">
                @csrf
                <button type="submit" class="btn b3">Tentar marcar outra vez</button>
            </form>
        @endif
    </div>
</div>

<div class="card">
    <h3>Histórico</h3>
    <table>
        <tr><th>Quando</th><th>Tipo</th><th>Utilizador</th><th>Detalhe</th></tr>
        @foreach($eventos as $evento)
            <tr>
                <td class="mono">{{ $evento->created_at->format('d/m/Y H:i') }}</td>
                <td>{{ $evento->tipo }}</td>
                <td>{{ $evento->user?->name ?? '—' }}</td>
                <td class="mono">{{ $evento->dados ? json_encode($evento->dados, JSON_UNESCAPED_UNICODE) : '' }}</td>
            </tr>
        @endforeach
    </table>
</div>
@endsection