<div class="modal fade" id="AddVehicleDetail">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Employee Vehicle Detail </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="AddVehicleDetailform">
                    <input type="hidden" name="_token" id="token" value="<?php echo e(csrf_token()); ?>"> 
                    <div class="card-body">       
                        <div class="row">
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                  <label class="mb-0" for="VehicleType">VehicleType. <span class="text-danger">*</span></label>
                                  <input type="text" class="form-control form-control-sm" name="VehicleType" id="VehicleType">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                    <label class="mb-0" for="VehicleName">VehicleName. <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" name="VehicleName" id="VehicleName">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                  <label class="mb-0" for="VehicleModel">VehicleModel. <span class="text-danger">*</span></label>
                                  <input type="text" class="form-control form-control-sm" name="VehicleModel" id="VehicleModel">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                    <label class="mb-0" for="VehicleNumber">VehicleNumber. <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" name="VehicleNumber" id="VehicleNumber">
                                </div>
                            </div>
                        </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                  <button type="button" class="btn btn-sm btn-outline-secondary mx-1"data-dismiss="modal" aria-label="Close">Cancel</button>
                                  <button type="submit" id="btn-save-name" name="Save" value="Save"class="btn btn-sm btn-info mx-1">Save</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->

<div class="modal fade" id="UpdateVehicleDetail">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Employee Edit Vehicle Detail </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="UpdateVehicleDetailform">
                    <input type="hidden" name="_token" id="Edittoken" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" name="EditVehicleId" id="EditVehicleId">
                    <div class="card-body">       
                        <div class="row">
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                  <label class="mb-0" for="EditVehicleType">VehicleType. <span class="text-danger">*</span></label>
                                  <input type="text" class="form-control form-control-sm" name="EditVehicleType" id="EditVehicleType">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                    <label class="mb-0" for="EditVehicleName">VehicleName. <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" name="EditVehicleName" id="EditVehicleName">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                  <label class="mb-0" for="EditVehicleModel">VehicleModel. <span class="text-danger">*</span></label>
                                  <input type="text" class="form-control form-control-sm" name="EditVehicleModel" id="EditVehicleModel">
                              </div>
                            </div>
                            <div class="col-md-6">
                              <div class="form-group mb-2">
                                    <label class="mb-0" for="EditVehicleNumber">VehicleNumber. <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" name="EditVehicleNumber" id="EditVehicleNumber">
                                </div>
                            </div>
                        </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                  <button type="button" class="btn btn-sm btn-outline-secondary mx-1"data-dismiss="modal" aria-label="Close">Cancel</button>
                                  <button type="submit" id="btn-save-name" name="Save" value="Save"class="btn btn-sm btn-info mx-1">Update</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
</div>

</div>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            // Get Form Data
            var token = $("#token").val();
            var VehicleType = $("#VehicleType").val();
            var VehicleName = $('#VehicleName').val();
            var VehicleModel = $('#VehicleModel').val();
            var VehicleNumber = $('#VehicleNumber').val();


            var fd = new FormData();
            fd.append('_token',token);
            fd.append('VehicleType',VehicleType);
            fd.append('VehicleName',VehicleName);
            fd.append('VehicleModel',VehicleModel);
            fd.append('VehicleNumber',VehicleNumber);
          
            $.ajax({
                type: "post",
                url: "<?php echo e(url('store-vehicle-detail')); ?>",
                data: fd,
                contentType: false,
                processData: false,
                success: function(response) {
                  var response = response;
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: 'Vehicle detail added successfully!'
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });     
        }
      });
      $('#AddVehicleDetailform').validate({
        rules: {

            VehicleType: {
            required: true,
          },
          VehicleName: {
            required: true,
          },
          VehicleModel: {
            required: true,
          },
           VehicleNumber: {
            required: true,
          },
         
        },
        messages: {
           
          VehicleType: {
          required: "Vehicle Type is required.",
          }, 
          VehicleName: {
          required: "Vehicle Name is required.",
          },
           VehicleModel: {
            required: "Vehicle Model is required.",
          }, 
           VehicleNumber: {
            required: "Vehicle Number is required.",
          },

        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function EditVehicleDetail(VehicleId)
  {
      var VehicleId = VehicleId;
      $('#UpdateVehicleDetail').modal('show');
      $.ajax({
          type: "POST",
          url: "<?php echo e(url('/')); ?>/edit-vehicle-detail-data",
          dataType: 'json',
          data: {
            VehicleId: VehicleId,
            _token: "<?php echo e(csrf_token()); ?>",
          },
          success: function (response) {
              // $('#Edittoken').val(response.GetVehicleDriver.VehicleDriverId);
              $('#EditVehicleId').val(response.GetVehicleDetail.VehicleId);
              $('#EditVehicleType').val(response.GetVehicleDetail.VehicleType);
              $('#EditVehicleName').val(response.GetVehicleDetail.VehicleName);
              $('#EditVehicleModel').val(response.GetVehicleDetail.VehicleModel);
              $('#EditVehicleNumber').val(response.GetVehicleDetail.VehicleNumber);
          }
      });
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            // Get Form Data
            var Edittoken = $("#Edittoken").val();
            var EditVehicleId = $("#EditVehicleId").val();
            var EditVehicleType = $("#EditVehicleType").val();
            var EditVehicleName = $('#EditVehicleName').val();
            var EditVehicleModel = $('#EditVehicleModel').val();
            var EditVehicleNumber = $('#EditVehicleNumber').val();


            var fd = new FormData();
            fd.append('_token',Edittoken);
            fd.append('VehicleId',EditVehicleId);
            fd.append('VehicleType',EditVehicleType);
            fd.append('VehicleName',EditVehicleName);
            fd.append('VehicleModel',EditVehicleModel);
            fd.append('VehicleNumber',EditVehicleNumber);
        $.ajax({
                type: "post",
                url: "<?php echo e(url('update-vehicle-detail-data')); ?>",
                data: fd,
                processData: false,
                contentType: false,
                cache: false,
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: 'Vehicle detail updated successfully!'
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#UpdateVehicleDetailform').validate({
        rules: {

            EditVehicleType: {
            required: true,
          },
          EditVehicleName: {
            required: true,
          },
          EditVehicleModel: {
            required: true,
          },
           EditVehicleNumber: {
            required: true,
          },
         
        },
        messages: {
           
          EditVehicleType: {
          required: "Vehicle Type is required.",
          }, 
          EditVehicleName: {
          required: "Vehicle Name is required.",
          },
           EditVehicleModel: {
            required: "Vehicle Model is required.",
          }, 
           EditVehicleNumber: {
            required: "Vehicle Number is required.",
          },

        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function DeleteVehicleDetail(VehicleId) {
        var VehicleId = VehicleId;
                Swal.fire({
                    title: "Delete Record?",
                    text: "Are you sure you want to delete this Record?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, delete it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/delete-vehicle-detail-data",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                VehicleId: VehicleId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "Record has been deleted!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    location.reload();
                                });
                            },
                        });
                    }
                });
    }
</script>
<?php /**PATH /var/www/html/hrms-production/resources/views/components/vehicle-detail-modal.blade.php ENDPATH**/ ?>