


<?php $__env->startSection('content'); ?>



<div class="main-mobile-header doc-mobile-header">
      <a id="menuLink" href="#" class="menu-link"><i class="ri-menu-line"></i></a>
    </div>

   

    



     <div class="main main-app p-3 p-lg-4">
      
        <div class="mb-4">
          <ol class="breadcrumb fs-sm mb-1">
            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Add Vehicle</li>
          </ol>
        </div>

      

      <div class="">
        
        <div class="row">

          <div class="col-lg-8">
            <h2 class="main-title">Add Vehicle</h2>
            
          </div>
          <div style="text-align: right;" class="col-lg-4 text-right">
           <!--  <button type="button" class="btn btn-primary">Add Taxmaster</button> -->
            <!-- <a href="/form" class="btn btn-primary">Add Taxmaster</a>
 -->
          </div>

        </div>

        <hr class="main-separator">        
    
            
<div class="card card-shadow-apply">
    <div class="card-body">
        <form action="/vehicle/store" method="POST" enctype="multipart/form-data">
            <?php echo csrf_field(); ?>
            <div class="row">
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Vehicle ID</label>
                        <span class="required-field">*</span>
                        <input type="text" name="vehicle_id" class="form-control" required />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Vehicle Type</label>
                        <span class="required-field">*</span>
                        <select class="form-select" name="vehicle_type" required>
                            <option vlaue="">Select</option>
                            <?php $__currentLoopData = $vehicle_type; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                      <option><?php echo e($service->name); ?></option>
                             <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        
                        </select>
                        <!--<input type="text" name="vehicle_type" class="form-control" />-->
                    </div>
                </div>
                                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Make</label>
                        <span class="required-field">*</span>
                        <select class="form-select" name="make" required>
                            <option vlaue="">Select</option>
                            <?php $__currentLoopData = $vehicle_brand; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <option><?php echo e($service->name); ?></option>
                             <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Model</label>
                        <input type="text" name="model" class="form-control"  />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Year</label>
                        <select name="year" class="form-select">
                          <?php for($year = 2010; $year <= 2023; $year++): ?>
                             <option value="<?php echo e($year); ?>"><?php echo e($year); ?></option>
                          <?php endfor; ?>
                        </select>

                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">VIN Number</label>
                        <input type="text" name="vin_number" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Registration Number</label>
                        <input type="text" name="registration_number" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Title Status</label>
                        <input type="text" name="title_status" class="form-control" />
                    </div>
                </div>
                
                <div class="col-lg-4">
    <div class="mb-3">
        <label class="form-label">Fuel Type</label>
        <select name="fuel_type" class="form-select select2">
            <option value="Gasoline">Gasoline (Petrol)</option>
            <option value="Diesel">Diesel</option>
            <option value="NaturalGas">Natural Gas</option>
            <option value="Propane">Propane</option>
            <option value="Electric">Electric</option>
            <option value="Hybrid">Hybrid (Gasoline-Electric)</option>
            <option value="Hydrogen">Hydrogen</option>
            <option value="Biodiesel">Biodiesel</option>
            <option value="E85">E85 (Ethanol)</option>
            <option value="FlexFuel">Flex Fuel (FFV - Flexible Fuel Vehicle)</option>
        </select>
    </div>
</div>

                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Engine Type</label>
                        <input type="text" name="engine_type" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Transmission Type</label>
                        <input type="text" name="transmission_type" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Color</label>
                        <input type="text" name="color" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Mileage</label>
                        <input type="number" name="mileage" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Purchase Date</label>
                        <input type="date" name="purchase_date" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Purchase Price</label>
                        <input type="number" name="purchase_price" class="form-control" step="0.01" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Owner Name</label>
                        <input type="text" name="owner_name" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Owner Contact</label>
                        <input type="text" name="owner_contact" class="form-control" />
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">GPS Device ID</label>
                        <input type="text" name="gps_device_id" class="form-control" />
                    </div>
                </div>
               
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Vehicle Class</label>
                        <input type="text" name="vehicle_class" class="form-control" />
                    </div>
                </div>
                <!--<div class="col-sm-4">-->
                <!--    <div class="mb-3">-->
                <!--        <label class="form-label">License Renewal Date</label>-->
                <!--        <input type="date" name="license_renewal_date" class="form-control" />-->
                <!--    </div>-->
                <!--</div>-->
                <!--<div class="col-sm-4">-->
                <!--    <div class="mb-3">-->
                <!--        <label class="form-label">Emissions Testing Date</label>-->
                <!--        <input type="date" name="emissions_testing_date" class="form-control" />-->
                <!--    </div>-->
                <!--</div>-->
                <!--<div class="col-sm-4">-->
                <!--    <div class="mb-3">-->
                <!--        <label class="form-label">Emissions Compliance</label>-->
                <!--        <input type="text" name="emissions_compliance" class="form-control" />-->
                <!--    </div>-->
                <!--</div>-->
                <div class="col-sm-12">
                    <div class="mb-3">
                        <label class="form-label">Notes/Comments</label>
                        <textarea name="notes_comments" class="form-control" rows="3"></textarea>
                    </div>
                </div>
            </div>
            <div class="buttons-alignment mt-4">
                <div>
                    <button type="submit" class="btn btn-primary submit-button-alignment">Submit</button>
                </div>
            </div>
        </form>
    </div>
</div>



<div class="modal" id="myformm">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header" >
        <h4 class="modal-title">Add Vehicle Documents</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" style="margin-top: 1px;"></button>
      </div>
      <!-- Modal body -->
      <div class="modal-body" style="margin-top: -15px;">
        <div class="card-body">
          <form action="/deals/store" method="POST" id="cat" enctype="multipart/form-data">
          <?php echo csrf_field(); ?>
          <br>
          <div class="row">
            <div class="col-sm-6">
                <div class="mb-3">
                    <label class="form-label">ID Number
                <span class="required-field">*</span>
              </label>
                <input type="text" name="id_number" id="id_number" class="form-control" required>
                </div>
            </div>
            
            <div class="col-sm-6">
                <div class="mb-3">
                    <label class="form-label">Issue Date
                <span class="required-field">*</span>
              </label>
                <input type="text" name="issue_date" id="issue_date" class="form-control" required>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="mb-3">
                    <label class="form-label">Expiry Date
                <span class="required-field">*</span>
              </label>
                <input type="text" name="expiry_date" id="expiry_date" class="form-control" required>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="mb-3">
                    <label class="form-label">Renewal Date
                <span class="required-field">*</span>
              </label>
                <input type="text" name="issue_date" id="issue_date" class="form-control" required>
                </div>
            </div>
            
                            
                             <div class="col-sm-6">
                                <div class="mb-3">

                                    <label class="form-label">Attachment File

                                        <small class="optional-color">(optional)</small>
                                    </label>
                                    <input class="form-control" name="attachment" type="file" id="attachment">
                                </div>
                            </div>
                            
                                        <div class="col-sm-6">
                                <div class="mb-3">

                                    <label class="form-label">Remarks
                                        <span class="required-field">*</span>
                                    </label>
                                    <textarea name="remarks" id="remarks" class="form-control"></textarea>
                                </div>
                            </div><!-- Col -->



            
            
              
          </div><!-- Row -->
          <div class="buttons-alignment mt-4 ml-auto">
            <button type="submit" class="btn btn-primary">Submit</button>
          </div>
                </form>
        </div>
      </div>
    </div>
  </div>
</div>


  
  
  






        <br><br><br>

        

      </div><!-- container -->

     
    <style>
    tbody tr:hover {background-color: #F5F5F5;}
    .card-example>.card-body::before {
    content: ""
    }
    </style>


<script>
$(document).ready(function() {
   $('#myformm').click(function() {
  
  alert(kk)
      
  });

});

</script>


<script>
    $(document).ready(function() {
        $("#tour_package").validate({
            rules: {
                package_name: {
                    required: true,
                    maxlength: 20,
                },
                destination: {
                    required: true,
                    maxlength: 20,
                },
                days: {
                    required: true,
                    maxlength: 20,
                },
                hotel_type: {
                    required: true,
                    maxlength: 20,
                },
                meal: {
                    required: true,
                    maxlength: 20,
                },
                currency: {
                    required: true,
                    maxlength: 20,
                },
                price_per_person: {
                    required: true,
                    maxlength: 20,
                },
            },
            messages: {
                package_name: {
                    required: "Package Name is required",
                    maxlength: "Package Name cannot be more than 20 characters"
                },

                destination: {
                    required: "Destination  is required",
                    maxlength: "Destination  cannot be more than 20 characters",
                },

                days: {
                    required: "Day is required",
                    maxlength: "Day cannot be more than 20 characters",
                },

                hotel_type: {
                    required: "Hotel is required",
                    maxlength: "Hotel cannot be more than 20 characters",
                },

                meal: {
                    required: "Meal Price is required",
                    maxlength: "Meal Price cannot be more than 20 characters",
                },

                currency: {
                    required: "Currency is required",
                    maxlength: "Currency cannot be more than 20 characters",
                },

                price_per_person: {
                    required: "Price is required",
                    maxlength: "Price cannot be more than 20 characters",
                },

            }
        });
    });

    $('.select2').select2();
</script>



<?php $__env->stopSection(); ?>


<?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/megamarket/public_html/tms/resources/views/vehicle/create.blade.php ENDPATH**/ ?>