@extends('Master')

@section('content')

<div class="row" style="margin-top: -10px;">
    <div class="col-md-12 mb-4">
        <div class="card shadow">
            <div class="ibox-title bg-success">
                <strong class="card-title mb-0">@lang('public.Edit Vehicles/Trucks Details')</strong>
            </div>
            <div style="background-color: transparent" class="card-body">
                <form action="{{ route('UpdateVehicleDetails') }}" method="POST">
                    @csrf
                    <input type="hidden" value="{{ $Vehicle->id }}" name="id">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <label for="username" class="col-form-label">@lang('public.Company Name'):<span style="color: red">*</span></label>
                            <input class="form-control" name="Category" id="username" value="{{ Auth()->user()->Company->CompanyName }}" autocomplete="off" readonly>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="username" class="col-form-label">@lang('public.Vehicle Category'):<span style="color: red">*</span></label>
                            <select name="CategoryId" id="CategoryId" class="form-control select2_demo_2" style="width: 100%" required>
                                <option value="" disabled selected>@lang('public.Select Vehicle Category')</option>
                                @foreach ($Category as $item)
                                    <option value="{{ $item->id }}" {{ $Vehicle->CategoryId == $item->id ? 'selected' : '' }}>
                                        {{ $item->VehicleCategory }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="username" class="col-form-label">@lang('public.Driver Name'):<span style="color: red">*</span></label>
                            <select name="OwnerId" id="OwnerId" class="form-control select2_demo_3" style="width: 100%" required>
                                <option value="" disabled selected>@lang('public.Select Driver Name')</option>
                                @foreach ($users as $item)
                                <option value="{{ $item->id }}"{{ $Vehicle->OwnerId == $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="Capacity" class="col-form-label">@lang('public.Capacity') ({{ __('public.In Tonnes') }})</label>
                            <input type="Capacity" class="form-control" value="{{ $Vehicle->Capacity }}" name="Capacity" id="Capacity" autocomplete="off">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="Passangers" class="col-form-label">@lang('public.Capacity') (No Of Passangers):</label>
                            <input type="Passangers" class="form-control" name="Passangers" value="{{ $Vehicle->Passangers }}" id="Passangers" autocomplete="off">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="username" class="col-form-label">@lang('public.Plate Number'):<span style="color: red">*</span></label>
                            <input class="form-control" name="PlateNumber" id="username" value="{{ $Vehicle->PlateNumber }}" autocomplete="off" required>
                        </div>

                        {{-- <div class="form-group col-md-6">
                            <label for="JinaLaBidhaa" class="col-form-label">@lang('public.Year of Manufacture'):<span style="color: red">*</span></label>
                            <input type="number" class="form-control" name="YearOfManufacture" id="JinaLaBidhaa" autocomplete="off" required>
                        </div> --}}

                        <div class="form-group col-md-6">
                            <label for="FuelType" class="col-form-label">@lang('public.Fuel Type'):</label>
                            <select name="FuelType" id="FuelType" class="form-control select2_demo_2" style="width: 100%" required>
                                <option value="" disabled selected>@lang('public.Select Fuel Type')</option>
                                <option value="Petrol" {{ $Vehicle->FuelType == "Petrol" ? 'selected' : ''}}>@lang('public.Petrol')</option>
                                <option value="Diesel" {{ $Vehicle->FuelType == "Diesel" ? 'selected' : ''}}>@lang('public.Diesel')</option>
                            </select>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn mb-2 btn-secondary" data-dismiss="modal">@lang('public.Close')</button>
                        <button type="submit" class="btn mb-2 btn-primary">@lang('public.Submit')</button>
                    </div>
                </form>
                <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                <script>
                    $(document).ready(function() {
                        // Disable form submission if conditions are not met
                        $('form').on('submit', function(e) {
                            // Get values of both fields
                            let capacity = $('#Capacity').val().trim();
                            let passangers = $('#Passangers').val().trim();

                            // Check if at least one field is filled
                            if (!capacity && !passangers) {
                                e.preventDefault(); // Prevent form submission
                                alert('Please fill at least one field: Capacity or Passengers.');
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>

@endsection