@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">{{ __('Add New Vehicle Capacity') }}</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.insert') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label for="vehicle_type_id">{{ __('Vehicle Type') }}<span class="text-danger">*</span></label>
                            <select class="form-control form-control-sm form-select text-dark" name="vehicle_type_id" id="vehicle_type_id">
                                <option value="">Select Vehicle Type</option>
                                @forelse (\App\Models\VehicleType::fetchAll() as $vehicleType)
                                    <option value="{{ $vehicleType->id }}">{{ $vehicleType->name }}</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">{{ __('Display Name') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="name" name="name" placeholder="Name">
                            @error('name')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="capacity">{{ __('Vehicle Capacity') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="capacity" name="capacity" placeholder="Capacity Value">
                            @error('capacity')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="capacity_unit">{{ __('Vehicle Capacity Unit') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="capacity_unit" name="capacity_unit" placeholder="eg: kg (or) Seater">
                            @error('capacity_unit')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-check form-check-success">
                            <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="show_capacity" checked>
                              Show Capacity
                            <i class="input-helper"></i></label>
                        </div>
                        <div class="form-group">
                            <label for="vehicle_length">{{ __('Vehicle Length') }}<span class="text-danger">*</span></label>
                            <input type="text" class="form-control form-control-sm" id="vehicle_length" name="vehicle_length" placeholder="Vehicle Dimensions">
                            @error('vehicle_length')
                                <span class="text-danger" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-check form-check-success">
                            <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="allow_local" checked>
                              Allow Local
                            <i class="input-helper"></i></label>
                        </div>
                        <div class="form-check form-check-success">
                            <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="allow_outstation" checked>
                              Allow Outstation
                            <i class="input-helper"></i></label>
                        </div>
                        <div class="form-check form-check-success mb-4">
                            <label class="form-check-label">
                              <input type="checkbox" class="form-check-input" name="allow_rental" checked>
                              Allow Rental
                            <i class="input-helper"></i></label>
                        </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')