@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 ($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">Configuração de Consumo (LT/100)</h1><p class="tfds-sub">Limiares de cor face ao último lançamento da viatura</p></div>
        <a href="{{ route('kms.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> KMs</a>
    </div>

    <form method="POST" action="{{ route('kms.config.salvar') }}">
        @csrf
        <div class="tfds-card">
            <div class="row2">
                <div>
                    <label class="tfds-label">Limite Verde (%)</label>
                    <input type="number" step="0.01" name="limite_verde" class="tfds-input" value="{{ old('limite_verde', $config->limite_verde) }}" required>
                    <div class="tfds-hint">Variação de consumo ≤ este valor → verde (mais económico ou igual).</div>
                </div>
                <div>
                    <label class="tfds-label">Limite Vermelho (%)</label>
                    <input type="number" step="0.01" name="limite_vermelho" class="tfds-input" value="{{ old('limite_vermelho', $config->limite_vermelho) }}" required>
                    <div class="tfds-hint">Variação acima deste valor → vermelho. Entre os dois → amarelo.</div>
                </div>
            </div>

            <div class="tfds-i27">
                <label class="tfds-label">Fator de "depósito cheio" (0–1)</label>
                <input type="number" step="0.01" min="0.1" max="1" name="fator_deposito_cheio" class="tfds-input" value="{{ old('fator_deposito_cheio', $config->fator_deposito_cheio) }}" required class="tfds-i74">
                <div class="tfds-hint">O abastecimento é considerado "completo" quando os litros atingem esta fração da capacidade do depósito da viatura (ex.: 0,85 = 85%).</div>
            </div>

            <div class="legend">
                <span class="v">Verde: ≤ {{ rtrim(rtrim(number_format($config->limite_verde,2,',','.'),'0'),',') }}%</span>
                <span class="a">Amarelo: até {{ rtrim(rtrim(number_format($config->limite_vermelho,2,',','.'),'0'),',') }}%</span>
                <span class="r">Vermelho: acima</span>
            </div>

            <div class="tfds-i75">
                <button type="submit" class="tfds-btn tfds-btn-primary"><i class="fas fa-save"></i> Salvar</button>
            </div>
        </div>
    </form>
</div>
@endsection