@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
@php
    $cls='b-pend';
    if($km->status===\App\Models\Abastecimento::STATUS_AGUARDANDO)$cls='b-info';
    elseif($km->status===\App\Models\Abastecimento::STATUS_APROVADA)$cls='b-ok';
    elseif($km->status===\App\Models\Abastecimento::STATUS_REPROVADA)$cls='b-no';
    $pode=$km->aguardaValidacao();
@endphp

<div class="content-wrapper tfds-root">
    @if ($m = Session::get('success')) <div class="tfds-alert ok">{{ $m }}</div> @endif
    @if ($m = Session::get('error'))   <div class="tfds-alert err">{{ $m }}</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">Abastecimento #{{ $km->id }} <span class="tfds-badge {{ $cls }}">{{ $km->status }}</span></h1>
            <p class="tfds-sub">{{ optional($km->user)->name }} · {{ $km->data ? $km->data->format('d/m/Y') : '' }} {{ $km->hora }}</p>
        </div>
        <a href="{{ route('kms.validar.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> Voltar</a>
    </div>

    @if(!$km->viatura_alocada_ok)
        <div class="tfds-alert warn"><i class="fas fa-exclamation-triangle"></i> A viatura <strong>{{ $km->matricula }}</strong> não estava alocada a este motorista no momento do registo.</div>
    @endif

    <div class="tfds-row">
        <div>
            <div class="tfds-card">
                <p class="tfds-card-title">Dados</p>
                <div class="tfds-grid">
                    <div class="c4"><div class="fl">Matrícula</div><div class="fv">{{ $km->matricula }}</div></div>
                    <div class="c4"><div class="fl">Produto</div><div class="fv">{{ optional($km->produto)->descricao }}</div></div>
                    <div class="c4"><div class="fl">Litros</div><div class="fv">{{ number_format($km->litros,2,',','.') }}</div></div>
                    <div class="c4"><div class="fl">Posto</div><div class="fv">{{ $km->nomePosto() }}</div></div>
                    <div class="c4"><div class="fl">€/Litro</div><div class="fv">{{ number_format($km->valor_litro,3,',','.') }}</div></div>
                    <div class="c4"><div class="fl">Valor Total</div><div class="fv">€ {{ number_format($km->valor_total,2,',','.') }}</div></div>
                    <div class="c4"><div class="fl">KM Atual</div><div class="fv">{{ number_format($km->km_atual,0,',','.') }}</div></div>
                    <div class="c4"><div class="fl">KM Percorridos</div><div class="fv">{{ $km->km_percorridos !== null ? number_format($km->km_percorridos,0,',','.') : '—' }}</div></div>
                    <div class="c4"><div class="fl">Tipo</div><div class="fv">{{ $km->abastecimento_completo ? 'Completo (cheio)' : 'Parcial' }}</div></div>
                    <div class="c4">
                        <div class="fl">Consumo LT/100</div>
                        <div class="fv">@if($km->lt_100!==null)<span class="tfds-badge lt-{{ $km->lt_100_cor ?? 'verde' }}">{{ number_format($km->lt_100,2,',','.') }}</span>@else — @endif</div>
                    </div>
                    @if($km->numero_talao)<div class="c4"><div class="fl">Nº Talão</div><div class="fv">{{ $km->numero_talao }}</div></div>@endif
                    <div class="c4">
                        <div class="fl">Comprovativo</div>
                        <div class="fv">@if($km->comprovativo)<a href="{{ route('kms.ver_anexos', $km) }}" target="_blank" class="tfds-btn tfds-btn-ghost tfds-i39"><i class="fas fa-paperclip"></i> Ver</a>@else <span class="tfds-i57">—</span>@endif</div>
                    </div>
                    @if($km->observacao)<div class="c12"><div class="fl">Observação</div><div class="fv tfds-i22">{{ $km->observacao }}</div></div>@endif
                </div>
            </div>

            @if($pode)
            <div class="tfds-card">
                <p class="tfds-card-title">Ações de Validação</p>
                <div class="abox">
                    <h4 class="tfds-i55"><i class="fas fa-check-circle"></i> Validar</h4>
                    <form action="{{ route('kms.aprovar', $km) }}" method="POST">@csrf
                        <label class="tfds-label">Observação (opcional)</label>
                        <textarea name="observacao" class="tfds-textarea" maxlength="500"></textarea>
                        <div class="tfds-i41"><button class="tfds-btn tfds-btn-ok" onclick="return confirm('Validar este abastecimento?')"><i class="fas fa-check"></i> Validar</button></div>
                    </form>
                </div>
                <div class="abox">
                    <h4 class="tfds-i56"><i class="fas fa-question-circle"></i> Pedir informação</h4>
                    <form action="{{ route('kms.pedir_informacao', $km) }}" method="POST">@csrf
                        <label class="tfds-label">Mensagem ao motorista <span class="tfds-i13">*</span></label>
                        <textarea name="mensagem" class="tfds-textarea" maxlength="500" required></textarea>
                        <div class="tfds-i41"><button class="tfds-btn tfds-btn-info"><i class="fas fa-paper-plane"></i> Solicitar</button></div>
                    </form>
                </div>
                <div class="abox">
                    <h4 class="tfds-i58"><i class="fas fa-times-circle"></i> Reprovar</h4>
                    <form action="{{ route('kms.reprovar', $km) }}" method="POST">@csrf
                        <label class="tfds-label">Motivo <span class="tfds-i13">*</span></label>
                        <textarea name="observacao_reprovacao" class="tfds-textarea" maxlength="500" required></textarea>
                        <div class="tfds-i41"><button class="tfds-btn tfds-btn-no" onclick="return confirm('Reprovar este abastecimento?')"><i class="fas fa-ban"></i> Reprovar</button></div>
                    </form>
                </div>
            </div>
            @else
            <div class="tfds-card"><div class="tfds-alert warn tfds-i67">Este abastecimento está <strong>{{ $km->status }}</strong> e não está disponível para validação.@if($km->observacao_reprovacao)<br><br><strong>Motivo:</strong> {{ $km->observacao_reprovacao }}@endif</div></div>
            @endif
        </div>

        <div>
            <div class="tfds-card">
                <p class="tfds-card-title">Histórico</p>
                @if($km->logs->isEmpty())
                    <div class="tfds-i11">Sem registros.</div>
                @else
                <ul class="tl">
                    @foreach($km->logs as $log)
                        <li>
                            <div class="a">{{ $log->acao }}</div>
                            <div class="m">{{ 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="c">{{ $log->status_anterior ?? '—' }} → <strong>{{ $log->status_novo ?? '—' }}</strong></div>@endif
                            @if($log->observacao)<div class="o">{{ $log->observacao }}</div>@endif
                        </li>
                    @endforeach
                </ul>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection