@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
<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

    <div class="tfds-header-row">
        <div><h1 class="tfds-h1">Validar Abastecimentos</h1><p class="tfds-sub">Pendentes de validação</p></div>
        <a href="{{ route('kms.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> KMs</a>
    </div>

    <div class="tfds-card">
        @if($abastecimentos->isEmpty())
            <div class="tfds-empty">Nenhum abastecimento pendente.</div>
        @else
        <table class="tfds-tbl">
            <thead><tr><th>Data</th><th>Motorista</th><th>Matrícula</th><th class="r">Litros</th><th class="r">Total</th><th class="r">LT/100</th><th>Status</th><th></th></tr></thead>
            <tbody>
                @foreach($abastecimentos as $a)
                    <tr>
                        <td>{{ $a->data ? $a->data->format('d/m/Y') : '' }}</td>
                        <td>{{ optional($a->user)->name }}</td>
                        <td>{{ $a->matricula }} @if(!$a->viatura_alocada_ok)<i class="fas fa-exclamation-triangle tfds-i59" title="Viatura não alocada"></i>@endif</td>
                        <td class="r">{{ number_format($a->litros,2,',','.') }}</td>
                        <td class="r">€ {{ number_format($a->valor_total,2,',','.') }}</td>
                        <td class="r">@if($a->lt_100!==null)<span class="tfds-badge lt-{{ $a->lt_100_cor ?? 'verde' }}">{{ number_format($a->lt_100,2,',','.') }}</span>@else — @endif</td>
                        <td><span class="tfds-badge {{ $a->status===\App\Models\Abastecimento::STATUS_AGUARDANDO ? 'b-info':'b-pend' }}">{{ $a->status }}</span></td>
                        <td class="r"><a href="{{ route('kms.validar', $a) }}" class="tfds-btn tfds-btn-primary tfds-btn-sm"><i class="fas fa-clipboard-check"></i> Validar</a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @endif
    </div>
</div>
@endsection