@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
@php
    function kmStatusCls($s){
        if($s==='Em Aberto')return 'b-open'; if($s==='Aguardando Informação')return 'b-info';
        if($s==='Aprovada')return 'b-ok'; if($s==='Reprovada')return 'b-no'; return 'b-pend';
    }
@endphp

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

    @if ($m = Session::get('success')) <div class="tfds-alert ok">{{ $m }}</div> @endif
    @if ($m = Session::get('warning')) <div class="tfds-alert warn">{{ $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">Abastecimentos (KMs)</h1>
            <p class="tfds-sub">Registo de abastecimentos · fecho mensal e validação</p>
        </div>
        <div class="tfds-i17">
            @if($permissoes->validar_kms)
                <a href="{{ route('kms.validar.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-clipboard-check"></i> Validar</a>
            @endif
            @if($permissoes->configurar_kms)
                <a href="{{ route('kms.config') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-sliders-h"></i> Configuração</a>
            @endif
            @if($permissoes->criar_kms)
                <a href="{{ route('kms.fechar.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-lock"></i> Fechar Mês</a>
                <a href="{{ route('kms.create') }}" class="tfds-btn tfds-btn-primary"><i class="fas fa-plus"></i> Novo Abastecimento</a>
            @endif
        </div>
    </div>

    <div class="tfds-card">
        @if($abastecimentos->isEmpty())
            <div class="tfds-empty">Nenhum abastecimento registado.</div>
        @else
        <table id="tabelashow" class="tfds-tbl table">
            <thead>
                <tr>
                    <th>Data</th><th>Matrícula</th><th>Produto</th><th class="r">Litros</th>
                    <th>Posto</th><th class="r">€/L</th><th class="r">Total</th><th class="r">KM</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>{{ $a->matricula }} @if(!$a->viatura_alocada_ok)<i class="fas fa-exclamation-triangle tfds-i59" title="Viatura não alocada ao motorista"></i>@endif</td>
                        <td>{{ optional($a->produto)->descricao }}</td>
                        <td class="r">{{ number_format($a->litros, 2, ',', '.') }}</td>
                        <td>{{ $a->nomePosto() }}</td>
                        <td class="r">{{ number_format($a->valor_litro, 3, ',', '.') }}</td>
                        <td class="r">€ {{ number_format($a->valor_total, 2, ',', '.') }}</td>
                        <td class="r">{{ $a->km_atual ? number_format($a->km_atual, 0, ',', '.') : '' }}</td>
                        <td class="r">
                            @if($a->lt_100 !== null)
                                <span class="tfds-badge lt-{{ $a->lt_100_cor ?? 'none' }}">{{ number_format($a->lt_100, 2, ',', '.') }}</span>
                            @else <span class="lt-none">—</span> @endif
                        </td>
                        <td><span class="tfds-badge {{ kmStatusCls($a->status) }}">{{ $a->status }}</span></td>
                        <td class="r tfds-i45">
                            @if($permissoes->validar_kms && $a->aguardaValidacao())
                                <a href="{{ route('kms.validar', $a) }}" class="tfds-btn tfds-btn-sm tfds-i1"><i class="fas fa-clipboard-check"></i></a>
                            @endif
                            @if($permissoes->alterar_kms && !$a->estaBloqueada())
                                <a href="{{ route('kms.edit', $a) }}" class="tfds-btn tfds-btn-sm tfds-btn-edit"><i class="fas fa-pen"></i></a>
                            @elseif($a->estaBloqueada())
                                <span class="tfds-i76" title="Bloqueado"><i class="fas fa-lock"></i></span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @endif
    </div>
</div>

<script src={{ asset('/plugins/datatables/jquery.dataTables.min.js') }}></script>
<script src={{ asset('/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js') }}></script>
<script>
$(function(){
    if($('#tabelashow tbody tr').length){
        $('#tabelashow').DataTable({"paging":true,"lengthChange":false,"searching":true,"ordering":true,"info":true,"autoWidth":false,"order":[[0,"desc"]],"columnDefs":[{"orderable":false,"targets":10}],"pageLength":15,
        "oLanguage":{"sSearch":"Buscar:","sZeroRecords":"Nenhum resultado","sInfo":"Mostrando _START_ a _END_ de _TOTAL_","sInfoEmpty":"0 registros","oPaginate":{"sPrevious":"Anterior","sNext":"Seguinte"}}});
    }
});
</script>
@endsection