@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="row">
                <div class="col-12 col-xl-8 mb-2 mb-xl-0">
                    <h3 class="font-weight-bold">Vehicle Capacity / Update</h3>
                </div>
              </div>
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-6 grid-margin">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex justify-content-between mb-3">
                        <h4 class="card-title mt-2">Vehicle Capacity Details</h4>
                    </div>
                    <form action="{{ route('vehicleCapacity.update',['id' => $vehicleCapacity->id]) }}" method="POST">
                        @csrf
                        <div class="form-group">
                          <label for="vehicle_type_id">Vehicle Type<span class="text-danger">*</span></label>
                          <select class="form-control form-select form-control-sm text-dark" name="vehicle_type_id" id="vehicle_type_id">
                              <option value="">Select Vehicle Type</option>
                              @forelse(\App\Models\VehicleType::orderBy('order_id', 'asc')->get() as $type)
                                  <option @if($vehicleCapacity->vehicle_type_id == $type->id) selected @endif value="{{ $type->id }}">{{ $type->name }} (#{{ $type->id }})</option>
                              @empty
                                {{-- --}}
                              @endforelse
                          </select>
                          @error('vehicle_type_id')
                              <span class="text-danger" role="alert">
                                  <strong>{{ $message }}</strong>
                              </span>
                          @enderror
                        </div>
                        <div class="form-group">
                            <label for="name">Name<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="name" name="name" value="{{ $vehicleCapacity->name }}" placeholder="Name">
                        </div>
                        <div class="form-group">
                            <label for="capacity_value">Capacity (people / kgs)<span class="text-danger">*</span></label>
                            <input type="number" class="form-control form-control-sm" id="capacity_value" name="capacity_value" value="{{ $vehicleCapacity->capacity_value }}" placeholder="enter capacity value">
                        </div>
                        <div class="form-group">
                            <label for="dimensions">Dimensions<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="dimensions" value="{{ $vehicleCapacity->dimensions }}" name="dimensions" placeholder="enter dimensions if applicable">
                        </div>
                        <div class="form-group">
                            <label for="image_url">Image URL<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="image_url" value="{{ $vehicleCapacity->image_url }}" name="image_url" placeholder="enter URL of the image for this capacity">
                        </div>
                        <div class="form-group row">
                          <div class="col-lg-4 form-group mb-3">
                              <div class="form-check form-check-flat form-check-success">
                                <label class="form-check-label">
                                <input type="checkbox" @if($vehicleCapacity->allow_local == true) checked @endif name="allow_local" checked class="form-check-input"> Allow Local Bookings <i class="input-helper"></i></label>
                              </div>
                          </div>
                          <div class="col-lg-4 form-group mb-3">
                              <div class="form-check form-check-flat form-check-success">
                                <label class="form-check-label">
                                <input type="checkbox" @if($vehicleCapacity->allow_outstation == true) checked @endif name="allow_outstation" class="form-check-input"> Allow Outstation Bookings <i class="input-helper"></i></label>
                              </div>
                          </div>
                          <div class="col-lg-4 form-group mb-3">
                              <div class="form-check form-check-flat form-check-success">
                                <label class="form-check-label">
                                <input type="checkbox" @if($vehicleCapacity->allow_rental == true) checked @endif name="allow_rental" class="form-check-input"> Allow Rental Bookings <i class="input-helper"></i></label>
                              </div>
                          </div>
                        </div>
                        <div class="mb-4"></div>
                        <button class="btn btn-outline-primary" type="submit">Save</button>
                        <a href="{{ URL::previous() }}" class="btn btn-outline-info mr-2">Go Back</a>
                    </form>
                  </div>
                </div>
            </div>
        </div>
</div>
@endsection
@extends('admin.layouts.footer')