@extends('layouts.app')

@section('titulo', 'Novo caso')

@section('conteudo')
<div class="top">
    <div>
        <a href="{{ route('fichas.index') }}" class="btn b2" style="margin-bottom:8px;display:inline-block">&larr; Voltar à fila</a>
        <div class="crumb">Fichas / Novo</div><h1>Novo caso</h1>
    </div>
</div>

<div class="card">
    <form method="POST" action="{{ route('fichas.registar') }}" id="form-novo-caso">
        @csrf
        <h3>Dados do caso</h3>
        <div class="wrap">
            <table>
                <tr>
                    <td style="width:150px">MAI</td>
                    <td>
                        <input type="text" name="mai" class="mono" style="width:120px" value="{{ old('mai') }}" required>
                        @if($errors->has('mai'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('mai') }}</div>@endif
                    </td>
                    <td style="width:150px">NIF</td>
                    <td>
                        <input type="text" name="nif" class="mono" style="width:140px" value="{{ old('nif') }}" required>
                        @if($errors->has('nif'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('nif') }}</div>@endif
                    </td>
                </tr>
                <tr>
                    <td>Admissão</td>
                    <td>
                        <input type="text" name="admissao" class="dt" placeholder="dd/mm/aaaa" value="{{ old('admissao') }}" required>
                        @if($errors->has('admissao'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('admissao') }}</div>@endif
                    </td>
                    <td>Zona</td>
                    <td>
                        @if(!empty($zonas))
                            <select name="zona" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:160px">
                                <option value="">—</option>
                                @foreach($zonas as $zona)
                                    <option value="{{ $zona }}" {{ old('zona') === $zona ? 'selected' : '' }}>{{ $zona }}</option>
                                @endforeach
                            </select>
                        @else
                            <input type="text" name="zona" style="width:160px" value="{{ old('zona') }}">
                        @endif
                        @if($errors->has('zona'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('zona') }}</div>@endif
                    </td>
                </tr>
                <tr>
                    <td>Zona 2 <span class="hint" style="font-size:11px">(opcional)</span></td>
                    <td>
                        @if(!empty($zonas))
                            <select name="zona2" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:160px">
                                <option value="">—</option>
                                @foreach($zonas as $zona)
                                    <option value="{{ $zona }}" {{ old('zona2') === $zona ? 'selected' : '' }}>{{ $zona }}</option>
                                @endforeach
                            </select>
                        @else
                            <input type="text" name="zona2" style="width:160px" value="{{ old('zona2') }}">
                        @endif
                    </td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>Local de serviço</td>
                    <td colspan="3" style="position:relative">
                        <input type="text" name="local_servico" id="local-servico" autocomplete="off" style="width:320px" value="{{ old('local_servico') }}">
                        <input type="hidden" name="local_servico_ncontrato" id="local-servico-ncontrato" value="{{ old('local_servico_ncontrato') }}">
                        <div id="local-servico-sugestoes" class="sugestoes" hidden></div>
                        @if($errors->has('local_servico'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('local_servico') }}</div>@endif
                        <div class="hint" style="font-size:12px;color:var(--ink-2)">Escreva para pesquisar clientes do Sabichão — ou deixe como texto livre (sem afetação de equipa).</div>
                    </td>
                </tr>
            </table>
        </div>

        <h3 style="margin-top:16px">Horas</h3>
        <div class="wrap">
            <table>
                <tr>
                    <td style="width:150px">Nº de horas</td>
                    <td>
                        <input type="number" name="nhoras" class="mono" style="width:70px" value="{{ old('nhoras') }}">
                        @if($errors->has('nhoras'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('nhoras') }}</div>@endif
                    </td>
                    <td style="width:150px">Período</td>
                    <td>
                        <select name="periodo_horas" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:140px">
                            <option value="semanais" {{ old('periodo_horas', 'semanais') === 'semanais' ? 'selected' : '' }}>semanais</option>
                            <option value="mensais" {{ old('periodo_horas') === 'mensais' ? 'selected' : '' }}>mensais</option>
                        </select>
                    </td>
                </tr>
            </table>
        </div>

        <h3 style="margin-top:16px">Contrato</h3>
        <div class="wrap">
            <table>
                <tr>
                    <td style="width:150px">Modalidade</td>
                    <td colspan="3">
                        <select name="contrato_modalidade" id="contrato-modalidade" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:220px">
                            <option value="" {{ old('contrato_modalidade') === null || old('contrato_modalidade') === '' ? 'selected' : '' }}>Sem resposta</option>
                            <option value="sem_termo" {{ old('contrato_modalidade') === 'sem_termo' ? 'selected' : '' }}>Sem termo</option>
                            <option value="termo_certo" {{ old('contrato_modalidade') === 'termo_certo' ? 'selected' : '' }}>Termo certo</option>
                            <option value="termo_incerto" {{ old('contrato_modalidade') === 'termo_incerto' ? 'selected' : '' }}>Termo incerto</option>
                        </select>
                        @if($errors->has('contrato_modalidade'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_modalidade') }}</div>@endif
                        <div class="hint" style="font-size:12px;color:var(--ink-2)">"Sem resposta" = não se escreve contrato no Sabichão (regra da skill).</div>
                    </td>
                </tr>
                <tr data-termo-linha data-so-modalidade="termo_certo">
                    <td>Duração</td>
                    <td>
                        <input type="number" name="contrato_duracao" class="mono" style="width:70px" value="{{ old('contrato_duracao') }}" min="1" max="120">
                        @if($errors->has('contrato_duracao'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_duracao') }}</div>@endif
                    </td>
                    <td>Unidade</td>
                    <td>
                        <select name="contrato_duracao_unidade" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:120px">
                            <option value="dias" {{ old('contrato_duracao_unidade') === 'dias' ? 'selected' : '' }}>dias</option>
                            <option value="meses" {{ old('contrato_duracao_unidade', 'meses') === 'meses' ? 'selected' : '' }}>meses</option>
                            <option value="anos" {{ old('contrato_duracao_unidade') === 'anos' ? 'selected' : '' }}>anos</option>
                        </select>
                    </td>
                </tr>
                <tr data-termo-linha data-so-modalidade="termo_certo" id="contrato-renovavel-linha">
                    <td>Renovável</td>
                    <td colspan="3">
                        <label><input type="checkbox" name="contrato_renovavel" id="contrato-renovavel" value="1" {{ old('contrato_renovavel') ? 'checked' : '' }}> Sim</label>
                        @if($errors->has('contrato_renovavel'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_renovavel') }}</div>@endif
                    </td>
                </tr>
                <tr data-renovacao-linha>
                    <td>Período de renovação</td>
                    <td>
                        <input type="number" name="contrato_renov_duracao" class="mono" style="width:70px" value="{{ old('contrato_renov_duracao') }}" min="1" max="120">
                        @if($errors->has('contrato_renov_duracao'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_renov_duracao') }}</div>@endif
                    </td>
                    <td>Unidade</td>
                    <td>
                        <select name="contrato_renov_duracao_unidade" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:120px">
                            <option value="dias" {{ old('contrato_renov_duracao_unidade') === 'dias' ? 'selected' : '' }}>dias</option>
                            <option value="meses" {{ old('contrato_renov_duracao_unidade', 'meses') === 'meses' ? 'selected' : '' }}>meses</option>
                            <option value="anos" {{ old('contrato_renov_duracao_unidade') === 'anos' ? 'selected' : '' }}>anos</option>
                        </select>
                    </td>
                </tr>
                <tr data-renovacao-linha>
                    <td>Nº renovações previstas</td>
                    <td>
                        <input type="number" name="contrato_renov_previstas" class="mono" style="width:70px" value="{{ old('contrato_renov_previstas') }}" min="1" max="9">
                        @if($errors->has('contrato_renov_previstas'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_renov_previstas') }}</div>@endif
                    </td>
                    <td></td>
                    <td></td>
                </tr>
                <tr data-termo-linha data-so-modalidade="termo_certo,termo_incerto">
                    <td>Motivo</td>
                    <td colspan="3">
                        <select name="contrato_motivo_alinea" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:100%;max-width:520px">
                            <option value="">—</option>
                            @foreach($motivoOpcoes as $letra => $resumo)
                                <option value="{{ $letra }}" {{ old('contrato_motivo_alinea') === $letra ? 'selected' : '' }}>{{ $resumo }}</option>
                            @endforeach
                        </select>
                        @if($errors->has('contrato_motivo_alinea'))<div class="note" style="background:var(--blk-bg);color:var(--blk);margin-top:4px">{{ $errors->first('contrato_motivo_alinea') }}</div>@endif
                        <div class="hint" style="font-size:12px;color:var(--ink-2)">Obrigatório para termo certo/incerto (a alínea d) só se aplica a termo certo).</div>
                    </td>
                </tr>
            </table>
        </div>

        <h3 style="margin-top:16px">Condições</h3>
        <div class="wrap">
            <table>
                <tr>
                    <td style="width:220px"><label><input type="checkbox" name="cond_horas_noturnas" value="1" {{ old('cond_horas_noturnas') ? 'checked' : '' }}> Horas noturnas</label></td>
                    <td style="width:220px"><label><input type="checkbox" name="cond_horas_extra" value="1" {{ old('cond_horas_extra') ? 'checked' : '' }}> Horas extra</label></td>
                    <td><label><input type="checkbox" name="cond_feriados" value="1" {{ old('cond_feriados') ? 'checked' : '' }}> Feriados</label></td>
                </tr>
                <tr>
                    <td><label><input type="checkbox" name="cond_fundo_desemprego" id="cond-fundo-desemprego" value="1" {{ old('cond_fundo_desemprego') ? 'checked' : '' }}> Fundo desemprego parcial</label></td>
                    <td colspan="2">
                        Valor: <input type="text" name="cond_valor_fundo_desemprego" class="mono" style="width:100px" value="{{ old('cond_valor_fundo_desemprego') }}" placeholder="0.00">
                    </td>
                </tr>
                <tr>
                    <td><input type="hidden" name="cond_subsidio_ferias_duodecimos" value="0"><label><input type="checkbox" name="cond_subsidio_ferias_duodecimos" value="1" {{ old('cond_subsidio_ferias_duodecimos', '1') ? 'checked' : '' }}> Subsídio de férias em duodécimos</label></td>
                    <td colspan="2"><input type="hidden" name="cond_subsidio_natal_duodecimos" value="0"><label><input type="checkbox" name="cond_subsidio_natal_duodecimos" value="1" {{ old('cond_subsidio_natal_duodecimos', '1') ? 'checked' : '' }}> Subsídio de Natal em duodécimos</label></td>
                </tr>
                <tr>
                    <td><label><input type="checkbox" name="cond_quota_sindical" id="cond-quota-sindical" value="1" {{ old('cond_quota_sindical') ? 'checked' : '' }}> Quota sindical</label></td>
                    <td colspan="2">
                        Valor: <input type="text" name="cond_valor_quota_sindical" class="mono" style="width:100px" value="{{ old('cond_valor_quota_sindical') }}" placeholder="0.00">
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        Dias de trabalho:
                        @php $diasOld = old('cond_dias_trabalho', [1, 2, 3, 4, 5]); @endphp
                        @foreach(['Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'] as $i => $rotuloDia)
                            <label style="margin-right:10px"><input type="checkbox" name="cond_dias_trabalho[]" value="{{ $i + 1 }}" {{ in_array($i + 1, $diasOld) ? 'checked' : '' }}> {{ $rotuloDia }}</label>
                        @endforeach
                        <label style="margin-left:16px"><input type="checkbox" name="cond_usar_dias_trabalho" value="1" {{ old('cond_usar_dias_trabalho') ? 'checked' : '' }}> Usar dias de trabalho</label>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        Notas das condições:<br>
                        <textarea name="cond_notas" rows="2" style="width:100%;max-width:600px">{{ old('cond_notas') }}</textarea>
                    </td>
                </tr>
            </table>
        </div>

        <h3 style="margin-top:16px">App RH</h3>
        <div class="wrap">
            <table>
                <tr>
                    <td style="width:150px">Estado</td>
                    <td>
                        <select name="rh_status" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink);width:140px">
                            <option value="Não" {{ old('rh_status', 'Não') === 'Não' ? 'selected' : '' }}>Não</option>
                            <option value="Sim" {{ old('rh_status') === 'Sim' ? 'selected' : '' }}>Sim</option>
                            <option value="Adicionar" {{ old('rh_status') === 'Adicionar' ? 'selected' : '' }}>Adicionar</option>
                        </select>
                    </td>
                    <td></td><td></td>
                </tr>
            </table>
        </div>

        {{-- Legado (histórico do lote/texto livre — ver migração 2026_09_23_000003) --}}
        <input type="hidden" name="alinea" value="{{ old('alinea') }}">
        <input type="hidden" name="modalidade" value="{{ old('modalidade') }}">

        <div class="btns" style="margin-top:12px">
            <button type="submit" class="btn b1">Registar e ler</button>
            <small>O caso entra na fila de imediato; pode registar o seguinte.</small>
        </div>
    </form>
</div>
@endsection

@push('head')
<style>
    .sugestoes { position:absolute; z-index:5; background:var(--surface-2); border:1px solid var(--line); border-radius:6px; max-height:220px; overflow:auto; width:320px; box-shadow:0 4px 12px rgba(0,0,0,.15); }
    .sugestoes button { display:block; width:100%; text-align:left; padding:6px 10px; background:none; border:none; color:var(--ink); cursor:pointer; }
    .sugestoes button:hover { background:var(--surface-3, rgba(127,127,127,.15)); }
    [data-termo-linha][hidden], [data-renovacao-linha][hidden] { display:none; }
</style>
@endpush

@push('head')
<script src="{{ asset('js/fichas-secoes.js') }}?v={{ @filemtime(public_path('js/fichas-secoes.js')) ?: 1 }}" defer></script>
@endpush