@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
@php
    $st = $despesa->status;
    $cls = 'pend';
    if ($st === \App\Models\Despesa::STATUS_AGUARDANDO) $cls = 'info';
    elseif (in_array($st, [\App\Models\Despesa::STATUS_APROVADA, \App\Models\Despesa::STATUS_CONTABILIZADA, \App\Models\Despesa::STATUS_CONCLUIDA, \App\Models\Despesa::STATUS_REEMBOLSADA])) $cls = 'ok';
    elseif ($st === \App\Models\Despesa::STATUS_REPROVADA) $cls = 'no';
    $podeAgir = $despesa->aguardaValidacao();
@endphp

<div class="content-wrapper tfds-root">

    @if ($message = Session::get('success')) <div class="tfds-alert ok">{{ $message }}</div> @endif
    @if ($message = Session::get('error'))   <div class="tfds-alert err">{{ $message }}</div> @endif
    @if ($errors->any())
        <div class="tfds-alert err"><ul class="tfds-i31">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
    @endif

    <div class="tfds-header-row">
        <div>
            <h1 class="tfds-h1">Validar Despesa #{{ $despesa->id }} <span class="tfds-badge {{ $cls }}">{{ $st }}</span></h1>
            <p class="tfds-sub">Lançada por {{ optional($despesa->user)->name ?? '—' }} · {{ $despesa->data ? date('d/m/Y', strtotime($despesa->data)) : '' }}</p>
        </div>
        <a href="{{ route('despesas.validar.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> Voltar</a>
    </div>

    <div class="tfds-row">
        {{-- ===== COLUNA ESQUERDA: DETALHES + AÇÕES ===== --}}
        <div>
            <div class="tfds-card">
                <p class="tfds-card-title">Detalhes da Despesa</p>
                <div class="tfds-grid">
                    <div class="tfds-col-4"><div class="tfds-field-label">Valor</div><div class="tfds-field-val">€ {{ number_format($despesa->valor, 2, ',', '.') }}</div></div>
                    <div class="tfds-col-4"><div class="tfds-field-label">Centro de Custo</div><div class="tfds-field-val">{{ optional($despesa->centroCusto)->nome_centro_custo ?? '—' }}</div></div>
                    <div class="tfds-col-4"><div class="tfds-field-label">Forma de Pagamento</div><div class="tfds-field-val">{{ $despesa->forma_pagamento ?: '—' }}</div></div>

                    @if($despesa->tipo_lancamento)
                        <div class="tfds-col-4"><div class="tfds-field-label">Tipo de Lançamento</div><div class="tfds-field-val">{{ $despesa->tipo_lancamento }}</div></div>
                    @endif
                    @if($despesa->manutencao_alvo)
                        <div class="tfds-col-4"><div class="tfds-field-label">Manutenção referente a</div><div class="tfds-field-val">{{ $despesa->manutencao_alvo }}</div></div>
                    @endif
                    @if($despesa->posto_id)
                        <div class="tfds-col-4"><div class="tfds-field-label">Posto</div><div class="tfds-field-val">{{ optional($despesa->posto)->nome_posto ?? $despesa->posto_id }}</div></div>
                    @endif
                    @if($despesa->cliente_id)
                        <div class="tfds-col-4"><div class="tfds-field-label">Cliente</div><div class="tfds-field-val">{{ optional($despesa->cliente)->nome ?? $despesa->cliente_id }}</div></div>
                    @endif
                    @if($despesa->matricula)
                        <div class="tfds-col-4"><div class="tfds-field-label">Viatura</div><div class="tfds-field-val">{{ $despesa->matricula }}</div></div>
                    @endif
                    @if($despesa->referencia)
                        <div class="tfds-col-4"><div class="tfds-field-label">Referência</div><div class="tfds-field-val">{{ $despesa->referencia }}</div></div>
                    @endif

                    <div class="tfds-col-12"><div class="tfds-field-label">Descrição</div><div class="tfds-field-val tfds-i22">{{ $despesa->descricao }}</div></div>

                    <div class="tfds-col-6"><div class="tfds-field-label">Validador designado</div><div class="tfds-field-val">{{ optional($despesa->aprovador)->name ?? 'Não configurado' }}</div></div>
                    <div class="tfds-col-6">
                        <div class="tfds-field-label">Comprovativo</div>
                        <div class="tfds-field-val">
                            @if($despesa->comprovativo)
                                <a href="{{ route('despesas.ver_anexos', $despesa) }}" target="_blank" class="tfds-btn tfds-btn-ghost tfds-i39"><i class="fas fa-paperclip"></i> Ver comprovativo</a>
                            @else <span class="tfds-i10">Sem anexo</span> @endif
                        </div>
                    </div>
                </div>
            </div>

            {{-- ===== AÇÕES DE VALIDAÇÃO ===== --}}
            @if($podeAgir)
            <div class="tfds-card">
                <p class="tfds-card-title">Ações de Validação</p>

                <div class="tfds-action-box">
                    <h4 class="tfds-i7"><i class="fas fa-check-circle"></i> Validar (Aprovar)</h4>
                    <form action="{{ route('despesas.aprovar', $despesa) }}" method="POST">
                        @csrf
                        <label class="tfds-label" for="obs_aprovar">Observação (opcional)</label>
                        <textarea name="observacao" id="obs_aprovar" class="tfds-textarea" maxlength="500"></textarea>
                        <div class="tfds-i41">
                            <button type="submit" class="tfds-btn tfds-btn-ok" onclick="return confirm('Validar esta despesa? Ela ficará bloqueada para edição.')"><i class="fas fa-check"></i> Validar</button>
                        </div>
                    </form>
                </div>

                <div class="tfds-action-box">
                    <h4 class="tfds-i8"><i class="fas fa-question-circle"></i> Pedir mais informações</h4>
                    <form action="{{ route('despesas.pedir_informacao', $despesa) }}" method="POST">
                        @csrf
                        <label class="tfds-label" for="msg_info">Mensagem ao autor <span class="tfds-i13">*</span></label>
                        <textarea name="mensagem" id="msg_info" class="tfds-textarea" maxlength="500" required></textarea>
                        <div class="tfds-i41">
                            <button type="submit" class="tfds-btn tfds-btn-info"><i class="fas fa-paper-plane"></i> Solicitar informação</button>
                        </div>
                    </form>
                </div>

                <div class="tfds-action-box">
                    <h4 class="tfds-i12"><i class="fas fa-times-circle"></i> Reprovar</h4>
                    <form action="{{ route('despesas.reprovar', $despesa) }}" method="POST">
                        @csrf
                        <label class="tfds-label" for="motivo_reprovar">Motivo da reprovação <span class="tfds-i13">*</span></label>
                        <textarea name="observacao_reprovacao" id="motivo_reprovar" class="tfds-textarea" maxlength="500" required></textarea>
                        <div class="tfds-i41">
                            <button type="submit" class="tfds-btn tfds-btn-no" onclick="return confirm('Reprovar esta despesa? Ela ficará bloqueada para edição.')"><i class="fas fa-ban"></i> Reprovar</button>
                        </div>
                    </form>
                </div>
            </div>
            @else
            <div class="tfds-card">
                <div class="tfds-alert warn tfds-i30">
                    Esta despesa está <strong>{{ $st }}</strong> e não está disponível para validação.
                    @if($despesa->observacao_reprovacao)<br><br><strong>Motivo:</strong> {{ $despesa->observacao_reprovacao }}@endif
                </div>
            </div>
            @endif
        </div>

        {{-- ===== COLUNA DIREITA: HISTÓRICO ===== --}}
        <div>
            <div class="tfds-card">
                <p class="tfds-card-title">Histórico</p>
                @if($despesa->logs->isEmpty())
                    <div class="tfds-i11">Sem registros no histórico.</div>
                @else
                <ul class="tfds-tl">
                    @foreach($despesa->logs as $log)
                        <li>
                            <div class="tl-acao">{{ $log->acao }}</div>
                            <div class="tl-meta">{{ optional($log->user)->name ?? 'Sistema' }} · {{ $log->created_at ? $log->created_at->format('d/m/Y H:i') : '' }}</div>
                            @if($log->status_anterior || $log->status_novo)
                                <div class="tl-chg">{{ $log->status_anterior ?? '—' }} → <strong>{{ $log->status_novo ?? '—' }}</strong></div>
                            @endif
                            @if($log->observacao)<div class="tl-obs">{{ $log->observacao }}</div>@endif
                        </li>
                    @endforeach
                </ul>
                @endif
            </div>
        </div>
    </div>

    @include('despesas.partials.dados_despesa')
</div>
@endsection