@extends('adminlte.app')

@section('content')
<div class="content-wrapper tfcv-root">
    <div class="tfcv-header-row">
        <div>
            <h1 class="tfcv-h1">Aprovar encomendas</h1>
            <p class="tfcv-sub">Encomendas do portal que não passaram todos os critérios automáticos do canal. Aprovar ou rejeitar não cria documentos nem mapas.</p>
            <p class="tfcv-sub" id="aprovacao-atualizado">Dados usados em {{ \Carbon\Carbon::parse($fila['atualizado_em'])->format('d/m/Y H:i') }}.</p>
            <p class="tfcv-sub" id="aprovacao-sync">Confirmado no servidor apenas depois de gravado aqui.</p>
        </div>
    </div>

    <div id="aprovacao-conflito"></div>

    <div class="tfcv-card">
        <div class="tfcv-chip-group">
            <a class="tfcv-chip @if($fila['filtro'] === 'pendentes') active @endif" href="{{ route('aprovacao_encomendas.index', ['filtro' => 'pendentes']) }}">Pendentes</a>
            <a class="tfcv-chip @if($fila['filtro'] === 'aprovadas') active @endif" href="{{ route('aprovacao_encomendas.index', ['filtro' => 'aprovadas']) }}">Aprovadas</a>
            <a class="tfcv-chip @if($fila['filtro'] === 'rejeitadas') active @endif" href="{{ route('aprovacao_encomendas.index', ['filtro' => 'rejeitadas']) }}">Rejeitadas</a>
        </div>
    </div>

    @if(empty($fila['encomendas']))
        <div class="tfcv-alert warn"><i class="fas fa-inbox" aria-hidden="true"></i> <span>Não há encomendas neste filtro.</span></div>
    @endif

    @foreach($fila['encomendas'] as $encomenda)
        <div class="tfcv-card" data-encomenda="{{ $encomenda['id'] }}">
            <div style="display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap">
                <div>
                    <p class="tfcv-section-title" style="margin-bottom:4px">{{ $encomenda['tipo_doc'] }} · {{ $encomenda['canal'] ?: 'Canal' }}</p>
                    <div style="font-size:16px; font-weight:500">{{ $encomenda['cliente'] ?: 'Cliente sem nome' }}</div>
                    <p class="tfcv-sub">Encomendada em {{ $encomenda['data_encomenda'] ?: '—' }} · descarga pretendida {{ $encomenda['data_pretendida_descarga'] ?: '—' }}</p>
                    <p class="tfcv-sub">Valor com IVA: {{ number_format($encomenda['valor'], 2, ',', ' ') }} €</p>
                    <p class="tfcv-sub">Descarga: {{ $encomenda['morada_texto'] ?: 'sem morada' }} {{ $encomenda['cep'] }} {{ $encomenda['localidade'] }}</p>
                    <div style="margin-top:8px; display:flex; gap:6px; flex-wrap:wrap">
                        @foreach($encomenda['linhas'] as $linha)
                            <span class="tfcv-tag">{{ $linha['artigo'] }} {{ number_format($linha['quantidade'], 0, ',', ' ') }} L</span>
                        @endforeach
                    </div>
                </div>
                <div style="text-align:right">
                    @if($encomenda['decisao'])
                        <span class="tfcv-tag {{ $encomenda['decisao']['decisao'] === 'aprovada' ? 'green' : 'coral' }}">{{ $encomenda['decisao']['decisao'] === 'aprovada' ? 'Aprovada' : 'Rejeitada' }}</span>
                        <p class="tfcv-sub">{{ $encomenda['decisao']['utilizador'] }} · {{ $encomenda['decisao']['decidido_em'] }}</p>
                        @if($encomenda['decisao']['motivo'])
                            <p class="tfcv-sub">{{ $encomenda['decisao']['motivo'] }}</p>
                        @endif
                    @else
                        <span class="tfcv-tag amber">Pendente de decisão</span>
                    @endif
                </div>
            </div>
            <div style="margin-top:12px; padding:12px 14px; border-radius:8px; background:#F6F7F9; border:0.5px solid rgba(0,0,0,0.08)">
                <p class="tfcv-section-title" style="margin:0 0 6px">Observações internas</p>
                <p class="tfcv-sub" style="margin:0">
                    @if($encomenda['observacoes_internas'])
                        {!! nl2br(e($encomenda['observacoes_internas'])) !!}
                    @else
                        Sem observações internas.
                    @endif
                </p>
                <p class="tfcv-sub" style="margin:6px 0 0">Não vão para o motorista nem para o Primavera.</p>
            </div>
            @if($encomenda['observacoes_motorista'])
                <p class="tfcv-sub" style="margin-top:10px"><b>Observações para o motorista</b><br>{!! nl2br(e($encomenda['observacoes_motorista'])) !!}</p>
            @endif
            @if($encomenda['motivos'])
                <ul style="margin:10px 0 0; padding-left:18px">
                    @foreach($encomenda['motivos'] as $motivo)
                        <li>{{ $motivo }}</li>
                    @endforeach
                </ul>
            @endif
            @if($podeDecidir && !$encomenda['decisao'])
                <div style="display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:12px">
                    <button type="button" class="tfcv-btn tfcv-btn-success js-aprovar" data-id="{{ $encomenda['id'] }}">Aprovar</button>
                    <form class="js-rejeitar" data-id="{{ $encomenda['id'] }}" style="display:flex; gap:8px; flex-wrap:wrap; align-items:center">
                        <input type="text" class="tfds-input" style="width:260px" name="motivo" placeholder="Motivo da rejeição" required minlength="3">
                        <button type="submit" class="tfcv-btn tfcv-btn-danger">Rejeitar</button>
                    </form>
                </div>
                <p class="tfcv-sub js-estado-local"></p>
            @endif
        </div>
    @endforeach
</div>
<script id="dados-aprovacao" type="application/json">@json($fila)</script>
<script src="/operacao-offline.js?v=20260929e"></script>
<script src="/aprovacao-encomendas/app.js?v=20260929e"></script>
<style>
    .tfcv-root a.tfcv-chip { text-decoration: none; }
</style>
@endsection