@extends('modules.head') @section('contenido')
<div class="edit_vehicle_form">
    <div class="form-row">
        <div class="form-group col-md-3">
            <label for="vehicle_branch">Branch:</label>
            <select id="vehicle_branch" class="form-control" name="vehicle_branch" disabled>
                @foreach($branches as $branch)
                @if($branch->id == $vehicle->branch_id )
                <option value="{{ $branch->id }}" selected>{{ $branch->short_name }}</option>
                @else
                <option value="{{ $branch->id }}">{{ $branch->short_name }}</option>
                @endif
                @endforeach
            </select>
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_name">Name:</label>
            <input type="text" class="form-control" id="vehicle_name" name="vehicle_name" value="{{ $vehicle->name }}" />
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_weight">Weight:</label>
            <input type="number" class="form-control" id="vehicle_weight" name="vehicle_weight" value="{{ $vehicle->max_weight }}" />
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_volume">Volume:</label>
            <input type="number" class="form-control" id="vehicle_volume" name="vehicle_volume" value="{{ $vehicle->volume }}" required />
        </div>
    </div>
    <div class="form-row">
        <div class="form-group col-md-3">
            <label for="vehicle_largest_side">Largest side:</label>
            <input type="number" class="form-control" id="vehicle_largest_side" name="vehicle_largest_side" value="{{ $vehicle->largest_side }}" required>
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_miles_gallon">Miles per gallon:</label>
            <input type="number" class="form-control" id="vehicle_miles_gallon" name="vehicle_miles_gallon" value="{{ $vehicle->miles_gallon }}" required>
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_devalue_mile">Devaluation per mile:</label>
            <input type="number" class="form-control" id="vehicle_devalue_mile" name="vehicle_devalue_mile" value="{{ $vehicle->devaluation_mile }}" required>
        </div>
        <div class="form-group col-md-3">
            <label for="vehicle_branch">Fuel Type:</label>
            <select id="vehicle_fuel_type" class="form-control" name="vehicle_fuel_type">
                @if ($vehicle->fuel_type_id != null)
                <option value="{{$vehicle->fuel_type_id}}" selected>{{ $vehicle->fuelType->name }}</option>
                @else
                <option selected disabled>Choose...</option>
                @endif
                @foreach($fuelTypes as $fuelType)
                @if ($fuelType->id != $vehicle->fuel_type_id)
                <option value="{{$fuelType->id}}">{{ $fuelType->name }}</option>
                @endif
                @endforeach
            </select>
        </div>
    </div>
    <input type="hidden" id="vehicle_id" value="{{ $vehicle->id }}">
    <button id="update_vehicle_btn" class="btn btnAux submit_btn"><i class="fa-solid fa-truck"></i>Update Vehicle</button>
</div>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/deliveries/vehicles/main.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/deliveries/vehicles/profile.css') }}" type="text/css" />
<script type="text/javascript">
    $('#update_vehicle_btn').click(function() {
        validateAndSubmit('/deliveries/vehicles/update', $('#vehicle_id').val());
    });
</script>
@endsection