@extends('partials.layout')

@section('title', 'Editar diferencia')
@section('subtitle', 'Actualizar diferencia registrada')

@section('back')
    <a class="btn" href="{{ route('diferencias.index') }}">← Volver</a>
@endsection

@section('content')
    <form method="POST" action="{{ route('diferencias.update', $item->id) }}">
        @csrf
        @method('PUT')

        <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px">
            <div>
                <label style="display:block;font-weight:700;margin-bottom:6px">Turno</label>
                <select name="id_turno" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                    <option value="">-- Seleccione Turno --</option>
                    @foreach($turnos as $turno)
                        <option value="{{ $turno->id_turno }}" {{ old('id_turno', $item->id_turno) == $turno->id_turno ? 'selected' : '' }}>
                            {{ $turno->turnos ?? $turno->nombre ?? ('Turno #' . $turno->id_turno) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label style="display:block;font-weight:700;margin-bottom:6px">Tipo combustible</label>
                <select name="id_tipo_combustible" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                    <option value="">-- Seleccione Tipo --</option>
                    @foreach($tipos as $tipo)
                        <option value="{{ $tipo->id_tipo_combustible }}" {{ old('id_tipo_combustible', $item->id_tipo_combustible) == $tipo->id_tipo_combustible ? 'selected' : '' }}>
                            {{ $tipo->nombre ?? ('Combustible #' . $tipo->id_tipo_combustible) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label style="display:block;font-weight:700;margin-bottom:6px">Cantidad galones</label>
                <input type="number" name="cantidad_galones" value="{{ old('cantidad_galones', $item->cantidad_galones) }}" step="0.001" min="0" required
                       style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
            </div>

            <div>
                <label style="display:block;font-weight:700;margin-bottom:6px">Estado</label>
                <select name="estado" required style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">
                    <option value="1" {{ old('estado', (string)$item->estado) == '1' ? 'selected' : '' }}>Activo</option>
                    <option value="0" {{ old('estado', (string)$item->estado) == '0' ? 'selected' : '' }}>Inactivo</option>
                </select>
            </div>

            <div style="grid-column:1/-1">
                <label style="display:block;font-weight:700;margin-bottom:6px">Observación</label>
                <textarea name="observacion" rows="4"
                          style="width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:10px">{{ old('observacion', $item->observacion) }}</textarea>
            </div>
        </div>

        <div style="margin-top:20px;display:flex;gap:10px">
            <button class="btn primary" type="submit">Actualizar</button>
            <a class="btn" href="{{ route('diferencias.index') }}">Cancelar</a>
        </div>
    </form>
@endsection
