@extends('adminlte.app')

@section('content')

<link rel="stylesheet" href="{{ asset('css/tfds.css') }}">
@php
    $editando = isset($abastecimento);
    $formAction = $editando ? route('kms.update', $abastecimento) : route('kms.store');
    $alocadoId = optional(optional($driver)->veiculo_atual)->id;
@endphp

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

    @if ($errors->any())
        <div class="tfds-alert err"><strong>Verifique os campos:</strong>
            <ul class="tfds-i32">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </div>
    @endif

    <div class="tfds-header-row">
        <div>
            <h1 class="tfds-h1">{{ $editando ? 'Editar Abastecimento' : 'Novo Abastecimento' }}</h1>
            <p class="tfds-sub">Motorista: <strong>{{ optional($driver)->first_name ?? auth()->user()->name }}</strong></p>
        </div>
        <a href="{{ route('kms.index') }}" class="tfds-btn tfds-btn-ghost"><i class="fas fa-arrow-left"></i> Voltar</a>
    </div>

    @if(!$driver)
        <div class="tfds-alert err">O seu utilizador não está vinculado a um motorista. Peça a um gestor para associar o seu login a um motorista (campo <em>user_id</em> em Motoristas) para que a verificação de viatura funcione.</div>
    @endif

    <form action="{{ $formAction }}" method="POST" enctype="multipart/form-data" id="form-km">
        @csrf
        @if($editando) @method('PUT') @endif

        <div class="tfds-card">
            <p class="tfds-card-title">Dados do Abastecimento</p>
            <div class="row">

                {{-- VIATURA --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="veiculo_id">Viatura (matrícula) <span class="req">*</span></label>
                    <select name="veiculo_id" id="veiculo_id" class="tfds-select w-100" required>
                        <option value="">Selecione</option>
                        @foreach($veiculos as $v)
                            <option value="{{ $v->id }}"
                                @if(old('veiculo_id', $abastecimento->veiculo_id ?? $alocadoId) == $v->id) selected @endif>
                                {{ $v->matricula }}@if($v->marca || $v->modelo) — {{ trim($v->marca.' '.$v->modelo) }}@endif
                            </option>
                        @endforeach
                    </select>
                    <div class="tfds-hint warn d-none" id="hint_aloc">Esta viatura não está alocada a si — pode continuar, mas será sinalizado.</div>
                </div>

                {{-- DATA --}}
                <div class="col-sm-2">
                    <label class="tfds-label" for="data">Data do Abastecimento <span class="req">*</span></label>
                    <input type="date" name="data" id="data" class="tfds-input w-100" required value="{{ old('data', isset($abastecimento) ? optional($abastecimento->data)->format('Y-m-d') : date('Y-m-d')) }}">
                </div>

                {{-- HORA --}}
                <div class="col-sm-2">
                    <label class="tfds-label" for="hora">Hora</label>
                    <input type="time" name="hora" id="hora" class="tfds-input w-100" value="{{ old('hora', $abastecimento->hora ?? '') }}">
                </div>

                {{-- PRODUTO --}}
                <div class="col-sm-2">
                    <label class="tfds-label" for="produto_id">Produto Abastecido <span class="req">*</span></label>
                    <select name="produto_id" id="produto_id" class="tfds-select w-100" required>
                        <option value="">Selecione</option>
                        @foreach($produtos as $p)
                            <option value="{{ $p->id }}" @if(old('produto_id', $abastecimento->produto_id ?? '') == $p->id) selected @endif>{{ $p->descricao }}</option>
                        @endforeach
                    </select>
                </div>

                {{-- LITROS --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="litros">Litros Abastecidos <span class="req">*</span></label>
                    <input type="number" step="0.01" min="0.01" name="litros" id="litros" class="tfds-input w-100" required value="{{ old('litros', $abastecimento->litros ?? '') }}">
                </div>

                {{-- KM ATUAL --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="km_atual">KM Atual <span class="req">*</span></label>
                    <input type="number" step="1" min="0" name="km_atual" id="km_atual" class="tfds-input w-100" required value="{{ old('km_atual', $abastecimento->km_atual ?? '') }}">
                </div>

                {{-- TIPO DE POSTO --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="posto_tipo">Posto <span class="req">*</span></label>
                    <select name="posto_tipo" id="posto_tipo" class="tfds-select w-100" required>
                        <option value="Rede" @if(old('posto_tipo', $abastecimento->posto_tipo ?? 'Rede')==='Rede') selected @endif>Posto da rede</option>
                        <option value="Fora" @if(old('posto_tipo', $abastecimento->posto_tipo ?? '')==='Fora') selected @endif>Fora da rede</option>
                    </select>
                </div>

                {{-- POSTO REDE --}}
                <div class="col-sm-3" id="box_posto_rede">
                    <label class="tfds-label" for="posto_id">Posto (rede)</label>
                    <select name="posto_id" id="posto_id" class="tfds-select w-100">
                        <option value="">Selecione</option>
                        @foreach($postos as $po)
                            <option value="{{ $po->id }}" @if(old('posto_id', $abastecimento->posto_id ?? '') == $po->id) selected @endif>{{ $po->nome_posto }}</option>
                        @endforeach
                    </select>
                    <div class="tfds-hint" id="hint_preco"></div>
                </div>

                {{-- POSTO FORA --}}
                <div class="col-sm-3 d-none" id="box_posto_fora">
                    <label class="tfds-label" for="posto_externo">Posto (fora da rede)</label>
                    <input type="text" name="posto_externo" id="posto_externo" class="tfds-input w-100" maxlength="120" value="{{ old('posto_externo', $abastecimento->posto_externo ?? '') }}">
                </div>

                {{-- VALOR LITRO --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="valor_litro">Valor / Litro (€) <span class="req">*</span></label>
                    <input type="number" step="0.001" min="0" name="valor_litro" id="valor_litro" class="tfds-input w-100" required value="{{ old('valor_litro', $abastecimento->valor_litro ?? '') }}">
                    <div class="tfds-hint">Preenchido automaticamente para postos da rede; editável.</div>
                </div>

                {{-- VALOR TOTAL --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="valor_total">Valor Total (€)</label>
                    <input type="text" id="valor_total" class="tfds-input w-100" readonly value="">
                </div>

                {{-- Nº TALÃO --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="numero_talao">Nº do Talão</label>
                    <input type="text" name="numero_talao" id="numero_talao" class="tfds-input w-100" maxlength="60" value="{{ old('numero_talao', $abastecimento->numero_talao ?? '') }}">
                </div>

                {{-- COMPROVATIVO --}}
                <div class="col-sm-3">
                    <label class="tfds-label" for="comprovativo">Anexo do Talão</label>
                    <input type="file" name="comprovativo" id="comprovativo" class="tfds-input w-100" accept=".pdf,.jpg,.jpeg,.png">
                    @if($editando && $abastecimento->comprovativo)
                        <div class="tfds-hint"><a href="{{ route('kms.ver_anexos', $abastecimento) }}" target="_blank">Ver anexo atual</a></div>
                    @endif
                </div>

                {{-- OBSERVAÇÃO --}}
                <div class="col-sm-12">
                    <label class="tfds-label" for="observacao">Observação</label>
                    <textarea name="observacao" id="observacao" class="tfds-textarea w-100" maxlength="500">{{ old('observacao', $abastecimento->observacao ?? '') }}</textarea>
                </div>
            </div>

            <div class="tfds-actions">
                <a href="{{ route('kms.index') }}" class="tfds-btn tfds-btn-ghost">Cancelar</a>
                <button type="submit" class="tfds-btn tfds-btn-primary"><i class="fas fa-check"></i> {{ $editando ? 'Atualizar' : 'Salvar' }}</button>
            </div>
        </div>
    </form>
</div>

<script>
$(function(){
    var alocadoId = "{{ $alocadoId }}";
    var urlPreco  = "{{ route('kms.preco_dia') }}";

    function togglePosto(){
        if($('#posto_tipo').val()==='Fora'){
            $('#box_posto_rede').addClass('d-none');
            $('#box_posto_fora').removeClass('d-none');
        } else {
            $('#box_posto_fora').addClass('d-none');
            $('#box_posto_rede').removeClass('d-none');
        }
    }
    function calcTotal(){
        var l = parseFloat($('#litros').val())||0;
        var v = parseFloat($('#valor_litro').val())||0;
        $('#valor_total').val('€ ' + (l*v).toLocaleString('pt-PT',{minimumFractionDigits:2,maximumFractionDigits:2}));
    }
    function checarAlocacao(){
        if(alocadoId && $('#veiculo_id').val() && $('#veiculo_id').val()!==alocadoId){
            $('#hint_aloc').removeClass('d-none');
        } else { $('#hint_aloc').addClass('d-none'); }
    }
    function buscarPreco(){
        if($('#posto_tipo').val()!=='Rede') return;
        var posto=$('#posto_id').val(), prod=$('#produto_id').val(), data=$('#data').val();
        if(!posto||!prod||!data) return;
        $('#hint_preco').text('A obter preço...');
        $.getJSON(urlPreco,{posto_id:posto,produto_id:prod,data:data},function(r){
            if(r.preco!==null && r.preco!==undefined){
                $('#valor_litro').val(parseFloat(r.preco).toFixed(3));
                $('#hint_preco').text('Preço do dia aplicado automaticamente.');
            } else {
                $('#hint_preco').text('Sem preço cadastrado para esta data/posto — preencha manualmente.');
            }
            calcTotal();
        });
    }

    $('#posto_tipo').on('change', togglePosto);
    $('#litros, #valor_litro').on('input', calcTotal);
    $('#veiculo_id').on('change', checarAlocacao);
    $('#posto_id, #produto_id, #data').on('change', buscarPreco);

    togglePosto(); calcTotal(); checarAlocacao();
});
</script>
@endsection