
@extends('layout.master')

@section('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 Ticket</li>
          </ol>
        </div>

      

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

          <div class="col-lg-8">
            <h2 class="main-title">Add Ticket</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="/ticket/store" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Issue Type</label>
                        <span class="required-field">*</span>
                        <select class="form-select" name="issue_type" required>
                            <option vlaue="">Select</option>
                            <option >Bug</option>
                            <option >Feature Request</option>
                            <option >Other</option>
                        </select>
                    </div>
                </div>
                                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Module</label>
                        <span class="required-field">*</span>
                        <select class="form-select" name="module" required>
                            <option vlaue="">Select</option>
                            <option >Inventory</option>
                            <option >Vehicle</option>
                            <option >Trailer</option>
                            <option >Tyre</option>
                            <option >Rim</option>
                            <option >Battery</option>
                            <option >Masters</option>
                            
                        </select>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Page Url</label>
                        <span class="required-field">*</span>
                        <input type="text" name="page_url" class="form-control" required />
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Audio/Video/Screenshot Url</label>
                        <input type="text" name="audio_video_url" class="form-control" />
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Priority</label>
                        <span class="required-field">*</span>
                        <select class="form-select" name="priority" required>
                            <option vlaue="">Select</option>
                            <option >High</option>
                            <option >Medium</option>
                            <option >Low</option>
                        </select>
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="mb-3">
                        <label class="form-label">Screenshots</label>
                        <input type="file" name="screenshots[]" class="form-control" multiple />
                    </div>
                </div>
               
                <div class="col-sm-12">
                    <div class="mb-3">
                        <label class="form-label">Comments</label>
                        <span class="required-field">*</span>
                        <textarea name="comments" class="form-control" rows="3" required></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">
          @csrf
          <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>



@endsection

