@extends('tenants.layouts.master')
@section('title')
@lang('Equipment Add')
@endsection
@section('css')
<!-- select2@4.1.0 -->
<link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<!-- font-awesome-6.7.2 -->
<link href="{{ url('css/font-awesome_cdn/font-awesome.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/task/task.add.css') }}" rel="stylesheet" />
<link rel="stylesheet" href="{{ url('js/libs/filepond/filepond.min.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ url('js/libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.css') }}">
@endsection
@section('content')
@component('tenants.components.breadcrumb')
@slot('li_1')
Equipment Add
@endslot
@slot('title')
Equipment
@endslot
@endcomponent
<div class="row">
   <div class="col-12 p-0">
      <div class="card pb-2">
         <form id="equipmentForm">  
         <input type="text" name="edit_id" id="edit_id" value="{{ isset($edit_list['id'])  ? $edit_list['id'] : '' }}" hidden>
            <div class="card-header d-flex align-items-center justify-content-between pos-sticky">
               <h4 class="card-title">@lang(!empty($edit_list) ? 'Equipment Edit' : 'Equipment Add')</h4>
               <div>
                  <button type="submit" class="btn btn_primary">@lang(!empty($edit_list) ? 'Update' : 'Save')</button>
               </div>
            </div>
            <div class="row py-3 px-4 gy-4">
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Equipment Name<sup class="required-start-icon ">*</sup> </label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="text" class="form-control" placeholder="Enter Equipment Name" name="equipment_name" value="{{ isset($edit_list['name'])  ? $edit_list['name'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Equipment Type<sup class="required-start-icon ">*</sup> </label>
                     <div class="input-field">
                        <span class="icon z-index">
                           <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                              xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_1336_18362)">
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M3.28125 9.06253C3.28125 8.80365 3.49112 8.59378 3.75 8.59378H8.75C9.00888 8.59378 9.21875 8.80365 9.21875 9.06253C9.21875 9.32141 9.00888 9.53128 8.75 9.53128H3.75C3.49112 9.53128 3.28125 9.32141 3.28125 9.06253Z"
                                    fill="#868C98"></path>
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M3.28125 11.25C3.28125 10.9911 3.49112 10.7813 3.75 10.7813H7.1875C7.44638 10.7813 7.65625 10.9911 7.65625 11.25C7.65625 11.5089 7.44638 11.7188 7.1875 11.7188H3.75C3.49112 11.7188 3.28125 11.5089 3.28125 11.25Z"
                                    fill="#868C98"></path>
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M7.65625 1.77139C7.3685 1.72249 6.97623 1.71878 6.26862 1.71878C5.07069 1.71878 4.21922 1.71977 3.57366 1.80617C2.94123 1.89081 2.57783 2.04958 2.31369 2.31372C2.04918 2.57823 1.89064 2.94051 1.8061 3.56931C1.71975 4.2116 1.71875 5.05827 1.71875 6.25003V8.75003C1.71875 9.94179 1.71975 10.7885 1.8061 11.4308C1.89064 12.0596 2.04918 12.4218 2.31369 12.6863C2.5782 12.9508 2.94047 13.1094 3.56928 13.1939C4.21157 13.2803 5.05824 13.2813 6.25 13.2813H8.75C9.94176 13.2813 10.7884 13.2803 11.4307 13.1939C12.0595 13.1094 12.4218 12.9508 12.6863 12.6863C12.9508 12.4218 13.1094 12.0596 13.1939 11.4308C13.2803 10.7885 13.2812 9.94179 13.2812 8.75003V8.47684C13.2812 7.51684 13.2745 7.06174 13.1726 6.71878H11.2164C10.5084 6.7188 9.92984 6.71881 9.47305 6.6574C8.99558 6.5932 8.58162 6.45428 8.25119 6.12384C7.92076 5.79341 7.78183 5.37945 7.71764 4.90198C7.65622 4.44519 7.65623 3.86661 7.65625 3.15859V1.77139ZM8.59375 2.25594V3.12503C8.59375 3.87485 8.59475 4.39006 8.64678 4.77706C8.69699 5.15057 8.78689 5.33372 8.9141 5.46093C9.04131 5.58814 9.22446 5.67804 9.59797 5.72826C9.98497 5.78029 10.5002 5.78128 11.25 5.78128H12.5122C12.3269 5.60157 12.0895 5.38623 11.7812 5.10879L9.30701 2.88198C9.00365 2.60895 8.77787 2.40742 8.59375 2.25594ZM6.35966 0.781266C7.22503 0.781034 7.78412 0.780885 8.2987 0.978346C8.81327 1.17581 9.22698 1.54834 9.86705 2.12472C9.88915 2.14462 9.91152 2.16476 9.93417 2.18514L12.4084 4.41195C12.4347 4.43566 12.4608 4.45906 12.4865 4.48218C13.2263 5.14759 13.7046 5.57786 13.962 6.15564C14.2193 6.73341 14.2191 7.37682 14.2188 8.37183C14.2188 8.4064 14.2187 8.4414 14.2187 8.47684V8.78529C14.2188 9.93389 14.2188 10.8437 14.123 11.5557C14.0245 12.2884 13.8169 12.8815 13.3492 13.3493C12.8815 13.817 12.2884 14.0246 11.5556 14.1231C10.8436 14.2188 9.93386 14.2188 8.78526 14.2188H6.21474C5.06614 14.2188 4.15637 14.2188 3.44436 14.1231C2.7116 14.0246 2.1185 13.817 1.65078 13.3493C1.18305 12.8815 0.975477 12.2884 0.876959 11.5557C0.781232 10.8437 0.78124 9.93389 0.78125 8.78529V6.21477C0.78124 5.06617 0.781232 4.1564 0.876959 3.44439C0.975477 2.71163 1.18305 2.11854 1.65078 1.65081C2.11887 1.18272 2.71395 0.975369 3.44929 0.876953C4.16427 0.781264 5.07856 0.781272 6.23345 0.781281L6.26862 0.781282C6.29934 0.781282 6.32968 0.781274 6.35966 0.781266Z"
                                    fill="#868C98"></path>
                              </g>
                              <defs>
                                 <clipPath id="clip0_1336_18362">
                                    <rect width="15" height="15" fill="white"></rect>
                                 </clipPath>
                              </defs>
                           </svg>
                        </span>
                        <select class="form-select  js-example-basic-single select2"
                           aria-label="Default select example" name="equipment_type">
                           <option selected value="">Select Equipment Type</option>
                           @foreach($equp_types as $types)
                            <option value="{{ $types->id }}" 
                                {{ (isset($edit_list['equipment_type_id']) && $edit_list['equipment_type_id'] == $types->id) || old('equipment_type_id') == $types->id ? 'selected' : '' }}>
                                {{ $types->name }}
                            </option>
                        @endforeach

                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Equipment Category<sup class="required-start-icon ">*</sup> </label>
                     <div class="input-field">
                        <span class="icon z-index">
                           <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                              xmlns="http://www.w3.org/2000/svg">
                              <g clip-path="url(#clip0_1336_18362)">
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M3.28125 9.06253C3.28125 8.80365 3.49112 8.59378 3.75 8.59378H8.75C9.00888 8.59378 9.21875 8.80365 9.21875 9.06253C9.21875 9.32141 9.00888 9.53128 8.75 9.53128H3.75C3.49112 9.53128 3.28125 9.32141 3.28125 9.06253Z"
                                    fill="#868C98"></path>
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M3.28125 11.25C3.28125 10.9911 3.49112 10.7813 3.75 10.7813H7.1875C7.44638 10.7813 7.65625 10.9911 7.65625 11.25C7.65625 11.5089 7.44638 11.7188 7.1875 11.7188H3.75C3.49112 11.7188 3.28125 11.5089 3.28125 11.25Z"
                                    fill="#868C98"></path>
                                 <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M7.65625 1.77139C7.3685 1.72249 6.97623 1.71878 6.26862 1.71878C5.07069 1.71878 4.21922 1.71977 3.57366 1.80617C2.94123 1.89081 2.57783 2.04958 2.31369 2.31372C2.04918 2.57823 1.89064 2.94051 1.8061 3.56931C1.71975 4.2116 1.71875 5.05827 1.71875 6.25003V8.75003C1.71875 9.94179 1.71975 10.7885 1.8061 11.4308C1.89064 12.0596 2.04918 12.4218 2.31369 12.6863C2.5782 12.9508 2.94047 13.1094 3.56928 13.1939C4.21157 13.2803 5.05824 13.2813 6.25 13.2813H8.75C9.94176 13.2813 10.7884 13.2803 11.4307 13.1939C12.0595 13.1094 12.4218 12.9508 12.6863 12.6863C12.9508 12.4218 13.1094 12.0596 13.1939 11.4308C13.2803 10.7885 13.2812 9.94179 13.2812 8.75003V8.47684C13.2812 7.51684 13.2745 7.06174 13.1726 6.71878H11.2164C10.5084 6.7188 9.92984 6.71881 9.47305 6.6574C8.99558 6.5932 8.58162 6.45428 8.25119 6.12384C7.92076 5.79341 7.78183 5.37945 7.71764 4.90198C7.65622 4.44519 7.65623 3.86661 7.65625 3.15859V1.77139ZM8.59375 2.25594V3.12503C8.59375 3.87485 8.59475 4.39006 8.64678 4.77706C8.69699 5.15057 8.78689 5.33372 8.9141 5.46093C9.04131 5.58814 9.22446 5.67804 9.59797 5.72826C9.98497 5.78029 10.5002 5.78128 11.25 5.78128H12.5122C12.3269 5.60157 12.0895 5.38623 11.7812 5.10879L9.30701 2.88198C9.00365 2.60895 8.77787 2.40742 8.59375 2.25594ZM6.35966 0.781266C7.22503 0.781034 7.78412 0.780885 8.2987 0.978346C8.81327 1.17581 9.22698 1.54834 9.86705 2.12472C9.88915 2.14462 9.91152 2.16476 9.93417 2.18514L12.4084 4.41195C12.4347 4.43566 12.4608 4.45906 12.4865 4.48218C13.2263 5.14759 13.7046 5.57786 13.962 6.15564C14.2193 6.73341 14.2191 7.37682 14.2188 8.37183C14.2188 8.4064 14.2187 8.4414 14.2187 8.47684V8.78529C14.2188 9.93389 14.2188 10.8437 14.123 11.5557C14.0245 12.2884 13.8169 12.8815 13.3492 13.3493C12.8815 13.817 12.2884 14.0246 11.5556 14.1231C10.8436 14.2188 9.93386 14.2188 8.78526 14.2188H6.21474C5.06614 14.2188 4.15637 14.2188 3.44436 14.1231C2.7116 14.0246 2.1185 13.817 1.65078 13.3493C1.18305 12.8815 0.975477 12.2884 0.876959 11.5557C0.781232 10.8437 0.78124 9.93389 0.78125 8.78529V6.21477C0.78124 5.06617 0.781232 4.1564 0.876959 3.44439C0.975477 2.71163 1.18305 2.11854 1.65078 1.65081C2.11887 1.18272 2.71395 0.975369 3.44929 0.876953C4.16427 0.781264 5.07856 0.781272 6.23345 0.781281L6.26862 0.781282C6.29934 0.781282 6.32968 0.781274 6.35966 0.781266Z"
                                    fill="#868C98"></path>
                              </g>
                              <defs>
                                 <clipPath id="clip0_1336_18362">
                                    <rect width="15" height="15" fill="white"></rect>
                                 </clipPath>
                              </defs>
                           </svg>
                        </span>
                        <select class="form-select  js-example-basic-single select2"
                           aria-label="Default select example" name="equipment_category">
                           <option selected value="">Select Equipment Category</option>
                           @foreach($equp_categories as $category)
                              <option value="{{ $category->id }}" 
                                 {{ (isset($edit_list['equipment_category_id']) && $edit_list['equipment_category_id'] == $category->id) ? 'selected' : '' }}>
                                 {{ $category->name }}
                              </option>
                           @endforeach

                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Serial Number</label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="text" class="form-control" placeholder="Enter Serial Number" name="serial_number" value="{{ isset($edit_list['serial_number'])  ? $edit_list['serial_number'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group">
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                              fill="none">
                              <path
                                 d="M10.625 8.75C10.9702 8.75 11.25 8.47018 11.25 8.125C11.25 7.77982 10.9702 7.5 10.625 7.5C10.2798 7.5 10 7.77982 10 8.125C10 8.47018 10.2798 8.75 10.625 8.75Z"
                                 fill="#868C98"></path>
                              <path
                                 d="M10.625 11.25C10.9702 11.25 11.25 10.9702 11.25 10.625C11.25 10.2798 10.9702 10 10.625 10C10.2798 10 10 10.2798 10 10.625C10 10.9702 10.2798 11.25 10.625 11.25Z"
                                 fill="#868C98"></path>
                              <path
                                 d="M8.125 8.125C8.125 8.47018 7.84518 8.75 7.5 8.75C7.15482 8.75 6.875 8.47018 6.875 8.125C6.875 7.77982 7.15482 7.5 7.5 7.5C7.84518 7.5 8.125 7.77982 8.125 8.125Z"
                                 fill="#868C98"></path>
                              <path
                                 d="M8.125 10.625C8.125 10.9702 7.84518 11.25 7.5 11.25C7.15482 11.25 6.875 10.9702 6.875 10.625C6.875 10.2798 7.15482 10 7.5 10C7.84518 10 8.125 10.2798 8.125 10.625Z"
                                 fill="#868C98"></path>
                              <path
                                 d="M4.375 8.75C4.72018 8.75 5 8.47018 5 8.125C5 7.77982 4.72018 7.5 4.375 7.5C4.02982 7.5 3.75 7.77982 3.75 8.125C3.75 8.47018 4.02982 8.75 4.375 8.75Z"
                                 fill="#868C98"></path>
                              <path
                                 d="M4.375 11.25C4.72018 11.25 5 10.9702 5 10.625C5 10.2798 4.72018 10 4.375 10C4.02982 10 3.75 10.2798 3.75 10.625C3.75 10.9702 4.02982 11.25 4.375 11.25Z"
                                 fill="#868C98"></path>
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M4.375 1.09375C4.63388 1.09375 4.84375 1.30362 4.84375 1.5625V2.0392C5.2575 2.03124 5.71333 2.03125 6.21466 2.03125H8.78526C9.2866 2.03125 9.7425 2.03124 10.1563 2.0392V1.5625C10.1563 1.30362 10.3661 1.09375 10.625 1.09375C10.8839 1.09375 11.0938 1.30362 11.0938 1.5625V2.07943C11.2562 2.09182 11.4101 2.10739 11.5556 2.12696C12.2884 2.22548 12.8815 2.43305 13.3492 2.90078C13.817 3.3685 14.0245 3.9616 14.123 4.69436C14.2188 5.40636 14.2188 6.31613 14.2188 7.46471V8.78526C14.2188 9.93384 14.2188 10.8436 14.123 11.5556C14.0245 12.2884 13.817 12.8815 13.3492 13.3492C12.8815 13.8169 12.2884 14.0245 11.5556 14.123C10.8436 14.2188 9.93387 14.2188 8.78529 14.2188H6.21474C5.06616 14.2188 4.15637 14.2188 3.44436 14.123C2.7116 14.0245 2.1185 13.8169 1.65078 13.3492C1.18305 12.8815 0.975477 12.2884 0.876959 11.5556C0.781233 10.8436 0.78124 9.93386 0.78125 8.78526V7.46474C0.78124 6.31614 0.781233 5.40637 0.876959 4.69436C0.975477 3.9616 1.18305 3.3685 1.65078 2.90078C2.1185 2.43305 2.7116 2.22548 3.44436 2.12696C3.58994 2.10739 3.74379 2.09182 3.90625 2.07943V1.5625C3.90625 1.30362 4.11612 1.09375 4.375 1.09375ZM3.56928 3.0561C2.94048 3.14064 2.5782 3.29918 2.31369 3.56369C2.04918 3.8282 1.89064 4.19047 1.8061 4.81928C1.79178 4.92577 1.77981 5.03788 1.7698 5.15625H13.2302C13.2202 5.03788 13.2082 4.92577 13.1939 4.81928C13.1094 4.19047 12.9508 3.8282 12.6863 3.56369C12.4218 3.29918 12.0595 3.14064 11.4307 3.0561C10.7884 2.96975 9.94176 2.96875 8.75 2.96875H6.25C5.05824 2.96875 4.21157 2.96975 3.56928 3.0561ZM1.71875 7.5C1.71875 6.96624 1.71895 6.50171 1.72693 6.09375H13.2731C13.2811 6.50171 13.2813 6.96624 13.2813 7.5V8.75C13.2813 9.94176 13.2803 10.7884 13.1939 11.4307C13.1094 12.0595 12.9508 12.4218 12.6863 12.6863C12.4218 12.9508 12.0595 13.1094 11.4307 13.1939C10.7884 13.2803 9.94176 13.2812 8.75 13.2812H6.25C5.05824 13.2812 4.21157 13.2803 3.56928 13.1939C2.94048 13.1094 2.5782 12.9508 2.31369 12.6863C2.04918 12.4218 1.89064 12.0595 1.8061 11.4307C1.71975 10.7884 1.71875 9.94176 1.71875 8.75V7.5Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <label for="end_date" class="form-label">Purchase Date</label>
                        <input type="text" data-provider="flatpickr" data-date-format="m/d/Y"
                           class="form-control flatpickr-input" name="purchase_date"
                           placeholder="Enter Purchase Date" value="{{ isset($edit_list['purchase_date'])  ? $edit_list['purchase_date'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Hourly Rate $<sup class="required-start-icon ">*</sup> </label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="number" class="form-control" placeholder="Enter Hourly Rate" name="hourly_rate" value="{{ isset($edit_list['hourly_rate'])  ? $edit_list['hourly_rate'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Make</label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="text" class="form-control" placeholder="Enter Make" name="equipment_make" value="{{ isset($edit_list['equipment_make'])  ? $edit_list['equipment_make'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Model</label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="text" class="form-control" placeholder="Enter Model" name="equipment_model" value="{{ isset($edit_list['equipment_model'])  ? $edit_list['equipment_model'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Year</label>
                     <div class="input-field">
                        <span class="icon">
                           <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24"
                              fill="none">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M10.9436 1.25H13.0564C14.8942 1.24998 16.3498 1.24997 17.489 1.40314C18.6614 1.56076 19.6104 1.89288 20.3588 2.64124C21.1071 3.38961 21.4392 4.33856 21.5969 5.51098C21.75 6.65019 21.75 8.10583 21.75 9.94359V14.0564C21.75 15.8942 21.75 17.3498 21.5969 18.489C21.4392 19.6614 21.1071 20.6104 20.3588 21.3588C19.6104 22.1071 18.6614 22.4392 17.489 22.5969C16.3498 22.75 14.8942 22.75 13.0564 22.75H10.9436C9.10583 22.75 7.65019 22.75 6.51098 22.5969C5.33856 22.4392 4.38961 22.1071 3.64124 21.3588C2.89288 20.6104 2.56076 19.6614 2.40314 18.489C2.24997 17.3498 2.24998 15.8942 2.25 14.0564V9.94358C2.24998 8.10582 2.24997 6.65019 2.40314 5.51098C2.56076 4.33856 2.89288 3.38961 3.64124 2.64124C4.38961 1.89288 5.33856 1.56076 6.51098 1.40314C7.65019 1.24997 9.10582 1.24998 10.9436 1.25ZM6.71085 2.88976C5.70476 3.02502 5.12511 3.27869 4.7019 3.7019C4.27869 4.12511 4.02502 4.70476 3.88976 5.71085C3.75159 6.73851 3.75 8.09318 3.75 10V14C3.75 15.9068 3.75159 17.2615 3.88976 18.2892C4.02502 19.2952 4.27869 19.8749 4.7019 20.2981C5.12511 20.7213 5.70476 20.975 6.71085 21.1102C7.73851 21.2484 9.09318 21.25 11 21.25H13C14.9068 21.25 16.2615 21.2484 17.2892 21.1102C18.2952 20.975 18.8749 20.7213 19.2981 20.2981C19.7213 19.8749 19.975 19.2952 20.1102 18.2892C20.2484 17.2615 20.25 15.9068 20.25 14V10C20.25 8.09318 20.2484 6.73851 20.1102 5.71085C19.975 4.70476 19.7213 4.12511 19.2981 3.7019C18.8749 3.27869 18.2952 3.02502 17.2892 2.88976C16.2615 2.75159 14.9068 2.75 13 2.75H11C9.09318 2.75 7.73851 2.75159 6.71085 2.88976ZM7.25 8C7.25 7.58579 7.58579 7.25 8 7.25H16C16.4142 7.25 16.75 7.58579 16.75 8C16.75 8.41421 16.4142 8.75 16 8.75H8C7.58579 8.75 7.25 8.41421 7.25 8ZM7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12ZM7.25 16C7.25 15.5858 7.58579 15.25 8 15.25H13C13.4142 15.25 13.75 15.5858 13.75 16C13.75 16.4142 13.4142 16.75 13 16.75H8C7.58579 16.75 7.25 16.4142 7.25 16Z"
                                 fill="#868C98"></path>
                           </svg>
                        </span>
                        <input type="text" class="form-control" placeholder="Enter Year" name="equipment_year" value="{{ isset($edit_list['equipment_year'])  ? $edit_list['equipment_year'] : '' }}">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group ">
                     <label class="form-label">
                     Work Location </label>
                     <div class="input-field">
                        <span class="icon z-index">
                           <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                              <path d="M10.4994 1.60742C12.3465 1.60742 14.1179 2.34116 15.4239 3.64721C16.73 4.95327 17.4637 6.72466 17.4637 8.57171C17.4637 11.5146 15.3959 14.7217 11.3137 18.2274C11.0867 18.4224 10.7973 18.5295 10.4981 18.5292C10.1989 18.529 9.90966 18.4214 9.68301 18.226L9.41301 17.9917C5.51158 14.5774 3.53516 11.4489 3.53516 8.57171C3.53516 6.72466 4.26889 4.95327 5.57495 3.64721C6.88101 2.34116 8.6524 1.60742 10.4994 1.60742ZM10.4994 2.67885C8.93656 2.67885 7.43769 3.2997 6.33256 4.40483C5.22744 5.50995 4.60658 7.00882 4.60658 8.57171C4.60658 11.0731 6.42658 13.9553 10.1166 17.1839L10.383 17.4146C10.4154 17.4424 10.4567 17.4577 10.4994 17.4577C10.5422 17.4577 10.5835 17.4424 10.6159 17.4146C14.4844 14.0917 16.3923 11.1324 16.3923 8.57171C16.3923 7.79785 16.2399 7.03156 15.9437 6.31661C15.6476 5.60165 15.2135 4.95203 14.6663 4.40483C14.1191 3.85763 13.4695 3.42356 12.7545 3.12742C12.0396 2.83127 11.2733 2.67885 10.4994 2.67885ZM10.4994 5.89314C11.2098 5.89314 11.8911 6.17534 12.3935 6.67767C12.8958 7.18 13.178 7.86131 13.178 8.57171C13.178 9.28211 12.8958 9.96341 12.3935 10.4657C11.8911 10.9681 11.2098 11.2503 10.4994 11.2503C9.78904 11.2503 9.10774 10.9681 8.60541 10.4657C8.10308 9.96341 7.82087 9.28211 7.82087 8.57171C7.82087 7.86131 8.10308 7.18 8.60541 6.67767C9.10774 6.17534 9.78904 5.89314 10.4994 5.89314ZM10.4994 6.96456C10.0732 6.96456 9.66442 7.13389 9.36302 7.43529C9.06162 7.73668 8.8923 8.14547 8.8923 8.57171C8.8923 8.99795 9.06162 9.40673 9.36302 9.70813C9.66442 10.0095 10.0732 10.1789 10.4994 10.1789C10.9257 10.1789 11.3345 10.0095 11.6359 9.70813C11.9373 9.40673 12.1066 8.99795 12.1066 8.57171C12.1066 8.14547 11.9373 7.73668 11.6359 7.43529C11.3345 7.13389 10.9257 6.96456 10.4994 6.96456Z" fill="#96A5B8"></path>
                           </svg>
                        </span>  
                        <select class="form-select  js-example-basic-single select2"
                           aria-label="Default select example" name="work_location">
                           <option selected value="">Select Location </option>
                           @foreach($work_locations as $location)
                                <option value="{{ $location->id }}" 
                                    {{ (isset($edit_list['location']) && $edit_list['location'] == $location->id) || old('location') == $location->id ? 'selected' : '' }}>
                                    {{ $location->location_name }} ({{ $location->location_code }})
                                </option>
                            @endforeach 
                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="form-group">
                     <div class="input-field">
                        <span class="icon z-index">
                           <svg width="15" height="15" viewBox="0 0 15 15" fill="none"
                              xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                 d="M5.0302 1.55517C5.20684 1.74442 5.19661 2.04104 5.00735 2.21768L2.32878 4.71768C2.23371 4.80642 2.10604 4.85167 1.97631 4.84261C1.84658 4.83356 1.72644 4.77102 1.64461 4.66994L0.885682 3.73244C0.722793 3.53122 0.753863 3.23606 0.955079 3.07317C1.15629 2.91028 1.45146 2.94135 1.61435 3.14257L2.05681 3.68913L4.36768 1.53232C4.55694 1.35568 4.85356 1.36591 5.0302 1.55517ZM7.03127 3.125C7.03127 2.86612 7.24113 2.65625 7.50002 2.65625H13.75C14.0089 2.65625 14.2188 2.86612 14.2188 3.125C14.2188 3.38389 14.0089 3.59375 13.75 3.59375H7.50002C7.24113 3.59375 7.03127 3.38389 7.03127 3.125ZM5.0302 5.93017C5.20684 6.11942 5.19661 6.41604 5.00735 6.59268L2.32878 9.09268C2.23371 9.18142 2.10604 9.22667 1.97631 9.21761C1.84658 9.20856 1.72644 9.14602 1.64461 9.04494L0.885682 8.10744C0.722793 7.90622 0.753863 7.61106 0.955079 7.44817C1.15629 7.28528 1.45146 7.31635 1.61435 7.51756L2.05681 8.06413L4.36768 5.90732C4.55694 5.73068 4.85356 5.74091 5.0302 5.93017ZM7.03127 7.5C7.03127 7.24112 7.24113 7.03125 7.50002 7.03125H13.75C14.0089 7.03125 14.2188 7.24112 14.2188 7.5C14.2188 7.75889 14.0089 7.96875 13.75 7.96875H7.50002C7.24113 7.96875 7.03127 7.75889 7.03127 7.5ZM5.0302 10.3052C5.20684 10.4944 5.19661 10.791 5.00735 10.9677L2.32878 13.4677C2.23371 13.5564 2.10604 13.6017 1.97631 13.5926C1.84658 13.5836 1.72644 13.521 1.64461 13.4199L0.885682 12.4824C0.722793 12.2812 0.753863 11.9861 0.955079 11.8232C1.15629 11.6603 1.45146 11.6913 1.61435 11.8926L2.05681 12.4391L4.36768 10.2823C4.55694 10.1057 4.85356 10.1159 5.0302 10.3052ZM7.03127 11.875C7.03127 11.6161 7.24113 11.4063 7.50002 11.4063H13.75C14.0089 11.4063 14.2188 11.6161 14.2188 11.875C14.2188 12.1339 14.0089 12.3438 13.75 12.3438H7.50002C7.24113 12.3438 7.03127 12.1339 7.03127 11.875Z"
                                 fill="#525866"></path>
                           </svg>
                           </svg>
                        </span>
                        <label for="priority" class="form-label">Status</label>
                        <select class="form-control select2" id="status" name="status">
                           <option selected disabled>Select Status</option>
                           <option value="0" {{ isset($edit_list['status']) && $edit_list['status'] == 0 ? 'selected' : '' }}>Active </option>
                           <option value="1" {{ isset($edit_list['status']) && $edit_list['status'] == 1 ? 'selected' : '' }}>Inactive </option>
                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-md-6 col-lg-4">
                  <div class="">
                     <label for="" class="form-label">Equipment Image</label>
                     <div class="">
                        <p class="text-muted"></p>
                        <input type="file" class="filepond filepond-input-multiple" multiple name=""
                           accept="image/png, image/jpeg, image/gif" data-allow-reorder="true"
                           data-max-file-size="3MB" data-max-files="5">
                        <div class="label-container d-flex flex-wrap gap-3 w-100 pt-2">
                           <div class="label-item drag-drop-label-item d-flex align-items-center gap-3">
                              <a target="_blank" href="">
                              <span class="label text_wrap d-block"></span>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
<!-- filter canva rightside -->
@endsection
@section('script')
<script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
<script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
<script src="{{ url('js/select2.init.js') }}"></script>
<script src="http://sat.localhost/ets-saas/public/js/app.js"></script>
<script src="https://cdn.rawgit.com/jzaefferer/jquery-validation/1.19.3/dist/jquery.validate.min.js"></script>
<script src="{{ url('js/libs/filepond/filepond.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-file-validate-size/filepond-plugin-file-validate-size.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-image-exif-orientation/filepond-plugin-image-exif-orientation.min.js') }}"></script>
<script src="{{ url('js/libs/filepond-plugin-file-encode/filepond-plugin-file-encode.min.js') }}"></script>
<script>
    $(document).ready(function () {
        // Initialize select2 for dropdowns
        $('.select-multi').select2();
        $(".select2").select2();

        // Initialize FilePond for file input with multiple file selection
        const pond = FilePond.create(document.querySelector('input.filepond-input-multiple'), {});
        
        // Register FilePond plugins
        FilePond.registerPlugin(
            FilePondPluginFileEncode,            // Encodes the file as base64 data
            FilePondPluginFileValidateSize,     // Validates the size of the file
            FilePondPluginImageExifOrientation, // Corrects mobile image orientation
            FilePondPluginImagePreview          // Previews dropped images
        );

        
            $("#equipmentForm").validate({
    errorElement: "span",
    errorClass: "text-danger",
    rules: {
        equipment_name: {
            required: true,
        },
        equipment_type: {
            required: true,
        },
        equipment_category: {
            required: true,
        },
        hourly_rate: {
            required: true,
        },
        status: {
            required: true,
        },
    },
    messages: {
        equipment_name: {
            required: "Please enter the equipment name",
        },
        equipment_type: {
            required: "Please select the equipment type",
        },
        equipment_category: {
            required: "Please select the equipment category",
        },
        hourly_rate: {
            required: "Please enter the hourly rate",
        },
        status: {
            required: "Please select the status",
        },
    },
    errorPlacement: function(error, element) {
        error.addClass("invalid-feedback");
        if (element.hasClass("flatpickr-input")) {
            error.insertAfter(element.closest("div"));
        } else if (element.hasClass("select2")) {
            error.insertAfter(element.next(".select2-container")); // Place error after select2 container
        } else {
            error.insertAfter(element);
        }
    },
    submitHandler: function (form) {
        let formData = new FormData(form);  // Automatically includes all form fields

        // Append FilePond files if there are any
        let files = pond.getFiles();
        files.forEach((file) => {
            formData.append('profile', file.file); // Use 'profile' for file
        });

        // Determine method and URL for the request
        let id = $("#edit_id").val();
        let _method = id ? "POST" : "POST";
        let url = id ? "{{ route('equipment.update', '') }}/" + id : "{{ route('equipment.store') }}";

        // Get CSRF token
        var token = $("meta[name='csrf-token']").attr("content");

        // Perform AJAX request
        $.ajax({
            url: url,               // Dynamic URL
            type: _method,          // Use POST/PUT
            data: formData,         // Form data
            processData: false,     // Important for FormData
            contentType: false,     // Important for FormData
            headers: { "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content") },
            success: function (response) {
                console.log(response);
                if (response.success) {
                    Swal.fire({
                        title: 'Success!',
                        text: response.message,
                        icon: 'success',
                    });

                    setTimeout(function () {
                        window.location.href = "{{ route('equipment.index') }}";
                    }, 3000);
                } else {
                    Swal.fire({
                        title: 'Error!',
                        text: response.message,
                        icon: 'error',
                        confirmButtonText: 'Okay',
                    });
                }
            },
            error: function (xhr, status, error) {
                console.log(xhr, status, error);

                if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                    // Validation errors from Laravel
                    var errors = xhr.responseJSON.errors;
                    var errorMessages = '';
                    $.each(errors, function (field, messages) {
                        errorMessages += messages.join('<br>') + '<br>';
                    });

                    // Display SweetAlert with error messages
                    Swal.fire({
                        title: 'Validation Errors',
                        html: errorMessages, // Display errors inside SweetAlert
                        icon: 'error',
                        confirmButtonText: 'Okay',
                    });
                } else {
                    // General error handling
                    Swal.fire({
                        title: 'Error!',
                        text: xhr.responseJSON?.message || 'Something went wrong.',
                        icon: 'error',
                        confirmButtonText: 'Okay',
                    });
                }
            }
        });
    }


 

});


        // Fix for select2 validation
        $(".select2").on("change", function () {
            $(this).valid(); // Trigger validation when value changes
        });

        // Helper functions to allow specific input types
        $.fn.allowOnlyNumbers = function () {
            $(this).on("input", function () {
                this.value = this.value.replace(/[^0-9\s]/g, ''); // Keeps numbers & spaces
            });
        };
        $.fn.allowOnlyNumbersNoSpaces = function () {
            $(this).on("input", function () {
                this.value = this.value.replace(/[^0-9]/g, ''); // Strictly numbers only
            });
        };
        $.fn.allowOnlyAlphabets = function () {
            $(this).on("input", function () {
                this.value = this.value.replace(/[^a-zA-Z\s]/g, ''); // Keeps only letters & spaces
            });
        };
        $.fn.allowOnlyAlfaNoSpaces = function () {
            $(this).on("input", function () {
                this.value = this.value.replace(/[^a-zA-Z]/g, ''); // Only letters, no spaces
            });
        };

        $(".only-numbers").allowOnlyNumbers();
        $(".only-numbers-no-spaces").allowOnlyNumbersNoSpaces();
        $(".only-alphabets").allowOnlyAlphabets();
        $(".only-alphabets-no-spaces").allowOnlyAlfaNoSpaces();

        // Capitalize first letter for .form-control inputs
        formatInput(".form-control", value => value.charAt(0).toUpperCase() + value.slice(1));
        // Lowercase first letter for .email_text inputs
        formatInput(".email_text", value => value.charAt(0).toLowerCase() + value.slice(1));
    });

    // Helper function to format input
    function formatInput(selector, transformFn) {
        document.querySelectorAll(selector).forEach(input => {
            input.addEventListener("input", function(event) {
                let value = event.target.value.trimStart(); // Remove leading spaces
                event.target.value = value.length > 0 ? transformFn(value) : value;
            });
        });
    }
    $(function () {
        const observer = new MutationObserver(m => 
            m.forEach(e => e.attributeName === "title" && e.target.removeAttribute("title"))
        );
        $('.select2-selection__rendered').each(function () {
            observer.observe(this, { attributes: true });
            this.removeAttribute("title");
        });
    });
    function toggleCustomFocus(e, add = true) {
        const selection = e.target?.nextElementSibling?.querySelector('.select2-selection--single');
            if (selection) {
                selection.classList.toggle('custom-focus', add);
            }}
            $(document).on('select2:open', function (e) {
                toggleCustomFocus(e, true);
                requestAnimationFrame(() => {
                    document.querySelector('.select2-container--open .select2-search__field')?.focus();
            });});
            $(document).on('select2:close', function (e) {
            toggleCustomFocus(e, false);
        });
</script>

@endsection