@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_EM_ABERTO) $cls = 'open';
    elseif ($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';
@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

    <div class="tfds-header-row">
        <div>
            <h1 class="tfds-h1">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>
        <div class="tfds-i17">
            @if($permissoes->alterar_despesas && !$despesa->estaBloqueada())
                <a href="{{ route('despesas.edit', $despesa) }}" class="tfds-btn tfds-btn-edit"><i class="fas fa-pen"></i> Editar</a>
            @endif
            @if($permissoes->validar_despesas && $despesa->aguardaValidacao())
                <a href="{{ route('despesas.validar', $despesa) }}" class="tfds-btn tfds-btn-primary"><i class="fas fa-clipboard-check"></i> Validar</a>
            @endif
            <a href="{{ route('despesas.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> Voltar</a>
        </div>
    </div>

    <div class="tfds-row">
        <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">Validada por</div><div class="tfds-field-val">{{ optional($despesa->validadoPor)->name ?? '—' }}</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>
        </div>

        <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>
</div>
@endsection