@extends('layouts.app')

@section('titulo', 'Fichas')

@push('head')
<meta http-equiv="refresh" content="30">
@endpush

@section('conteudo')
<div class="top">
    <div><div class="crumb">Fichas</div><h1>Fichas</h1></div>
    <div class="btns">
        <a href="{{ route('fichas.novo') }}" class="btn b3">Novo caso</a>
        <a href="{{ route('fichas.lote') }}" class="btn b2">Lote</a>
    </div>
</div>

<div class="status">
    <span>Leitor: <b>{{ $leitorOk ? 'ligado' : 'indisponível' }}</b></span>
    <span>A ler: {{ $emLeitura }}</span>
    <span>Em fila: {{ $emFila }}</span>
</div>

<div class="card">
    <form method="GET" action="{{ route('fichas.index') }}" class="btns" style="margin-bottom:12px">
        <select name="estado" style="border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-2);color:var(--ink)">
            <option value="todos" {{ $estadoAtual === 'todos' ? 'selected' : '' }}>todos</option>
            <option value="registado" {{ $estadoAtual === 'registado' ? 'selected' : '' }}>registado</option>
            <option value="em_leitura" {{ $estadoAtual === 'em_leitura' ? 'selected' : '' }}>em_leitura</option>
            <option value="por_rever" {{ $estadoAtual === 'por_rever' ? 'selected' : '' }}>por_rever</option>
            <option value="bloqueado" {{ $estadoAtual === 'bloqueado' ? 'selected' : '' }}>bloqueado</option>
            <option value="aprovado" {{ $estadoAtual === 'aprovado' ? 'selected' : '' }}>aprovado</option>
            <option value="dry_run_ok" {{ $estadoAtual === 'dry_run_ok' ? 'selected' : '' }}>dry_run_ok</option>
            <option value="a_aplicar" {{ $estadoAtual === 'a_aplicar' ? 'selected' : '' }}>a_aplicar</option>
            <option value="inserido_verificado" {{ $estadoAtual === 'inserido_verificado' ? 'selected' : '' }}>inserido_verificado</option>
            <option value="cancelado" {{ $estadoAtual === 'cancelado' ? 'selected' : '' }}>cancelado</option>
            <option value="ja_inserido" {{ $estadoAtual === 'ja_inserido' ? 'selected' : '' }}>ja_inserido</option>
            <option value="erro_tecnico" {{ $estadoAtual === 'erro_tecnico' ? 'selected' : '' }}>erro_tecnico</option>
        </select>
        <input type="text" name="q" value="{{ $pesquisa }}" placeholder="MAI, NIF ou nome" style="width:200px">
        <button type="submit" class="btn b2">Filtrar</button>
    </form>
</div>

{{--
    Form próprio (não aninhado no form GET acima — HTML não permite <form>
    dentro de <form>) a envolver a tabela inteira (checkboxes casos[]
    incluídas) até ao botão de envio em lote, sem cruzar a fronteira de
    nenhuma <div> a meio (achado pela revisão do Codex à Fase 4: a versão
    anterior fechava a .card antes do </form>, deixando o botão fora do
    formulário na prática).
--}}
<form method="POST" action="{{ route('fichas.email-lote') }}">
    @csrf
    <div class="card">
    <div class="wrap">
        <table>
            <tr>
                <th></th>
                <th>MAI</th>
                <th>Nome</th>
                <th>Admissão</th>
                <th>Estado</th>
                <th></th>
            </tr>
            @foreach($casos as $caso)
                <tr>
                    <td><input type="checkbox" name="casos[]" value="{{ $caso->id }}" class="chk-caso" data-estado="{{ $caso->estado }}"></td>
                    <td class="mono">{{ $caso->mai }}</td>
                    <td>{{ $caso->nome_lido ?? '—' }}</td>
                    <td class="mono">{{ \App\Support\Datas::paraUi($caso->admissao?->format('Y-m-d')) }}</td>
                    <td>
                        @if(in_array($caso->estado, ['por_rever', 'bloqueado']))
                            <span class="pill p-rev">{{ $caso->estado }}</span>
                        @elseif(in_array($caso->estado, ['aprovado', 'dry_run_ok', 'inserido_verificado']))
                            <span class="pill p-ok">{{ $caso->estado }}</span>
                        @elseif(in_array($caso->estado, ['bloqueado', 'erro_tecnico']))
                            <span class="pill p-blk">{{ $caso->estado }}</span>
                        @elseif(in_array($caso->estado, ['em_leitura', 'a_aplicar']))
                            <span class="pill p-run">{{ $caso->estado }}</span>
                        @else
                            <span class="pill">{{ $caso->estado }}</span>
                        @endif
                    </td>
                    <td><a href="{{ route('fichas.mostrar', $caso) }}" class="img">Abrir</a></td>
                </tr>
            @endforeach
        </table>
    </div>
    </div>

    <div class="btns">
        {{ $casos->links() }}
        <label style="display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)">
            <input type="checkbox"
                onchange="document.querySelectorAll('.chk-caso[data-estado=inserido_verificado]').forEach(c => c.checked = this.checked)">
            selecionar inseridos
        </label>
        <label style="display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)">
            {{-- email não é idempotente (docs/03-CONTRATO-WRAPPER-CT107.md): reenviar
                fichas já enviadas exige esta confirmação explícita — sem ela, o
                controlador recusa o lote inteiro se algum caso já tiver email_enviado_em. --}}
            <input type="checkbox" name="confirmar_reenvio" value="1"
                onclick="return this.checked ? confirm('Vai reenviar por email as fichas já enviadas que estiverem selecionadas. Confirmar?') : true">
            confirmar reenvio de já enviadas
        </label>
        <button type="submit" class="btn b2" {{ $aplicarAtivo ? '' : 'disabled' }} title="{{ $aplicarAtivo ? '' : 'Aplicar desativado (WRAPPER_APPLY_ATIVO)' }}">Enviar fichas selecionadas por email</button>
    </div>
</form>
@endsection