@extends('tenants.layouts.master')
@section('title')
@lang('Equipment List')
@endsection
@section('css')
<!-- DataTable 1.11.5 -->
<link href="{{ url('css/DataTables_cdn/datatables.bootstrap5.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/DataTables_cdn/datatables.responsive.min.css') }}" rel="stylesheet" />
<link href="{{ url('css/DataTables_cdn/datatables.buttons.min.css') }}" rel="stylesheet" />
<!-- select2@4.1.0 -->
<link href="{{ url('css/Select2_cdn/select2.min.css') }}" rel="stylesheet" />
<!-- font-awesome-6.7.2 -->
<link href="{{ url('css/font-awesome_cdn/font-awesome.min.css') }}" rel="stylesheet" />
<!-- SweetAlert2 CSS -->
<link href="{{ url('css/sweetalert-2@11.0.20/sweetalert2.min.css') }}" rel="stylesheet">
<link href="{{ url('css/equipment/equipment.index.css') }}" rel="stylesheet" />

@endsection
@section('content')
@component('tenants.components.breadcrumb')
@slot('li_1')
Equipment List
@endslot
@slot('title')
Equipment
@endslot
@endcomponent

<div class="row">
    <div class="col-12 p-0">
        <div class="card">
            <div class="px-3 pt-3 flex-wrap">
                <div class="row">
                    <div class="col-auto my-auto ">
                        <div class="ctl-pag-tit-con mb-2">
                            Equipment List
                        </div>
                    </div>
                    <!--<div class="col-8 col-lg-3 ps-lg-0 pe-lg-0 ms-lg-auto mb-2">-->
                    <!--    <div class="ctl-input-field">-->
                    <!--        <span class="icon">-->
                    <!--            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"-->
                    <!--                fill="none">-->
                    <!--                <g clip-path="url(#clip0_224_12492)">-->
                    <!--                    <path-->
                    <!--                        d="M6.60568 0C2.96341 0 0 2.96341 0 6.60568C0 10.2482 2.96341 13.2114 6.60568 13.2114C10.2482 13.2114 13.2114 10.2482 13.2114 6.60568C13.2114 2.96341 10.2482 0 6.60568 0ZM6.60568 11.9919C3.63577 11.9919 1.21951 9.57562 1.21951 6.60571C1.21951 3.6358 3.63577 1.21951 6.60568 1.21951C9.57559 1.21951 11.9919 3.63577 11.9919 6.60568C11.9919 9.57559 9.57559 11.9919 6.60568 11.9919Z"-->
                    <!--                        fill="#868C98"></path>-->
                    <!--                    <path-->
                    <!--                        d="M14.8215 13.9588L11.3255 10.4628C11.0873 10.2246 10.7015 10.2246 10.4633 10.4628C10.2251 10.7008 10.2251 11.087 10.4633 11.325L13.9593 14.821C14.0158 14.8777 14.083 14.9227 14.157 14.9533C14.231 14.984 14.3103 14.9997 14.3904 14.9996C14.4705 14.9997 14.5498 14.984 14.6237 14.9533C14.6977 14.9227 14.7649 14.8777 14.8215 14.821C15.0597 14.583 15.0597 14.1968 14.8215 13.9588Z"-->
                    <!--                        fill="#868C98"></path>-->
                    <!--                </g>-->
                    <!--                <defs>-->
                    <!--                    <clipPath id="clip0_224_12492">-->
                    <!--                        <rect width="15" height="15" fill="white"></rect>-->
                    <!--                    </clipPath>-->
                    <!--                </defs>-->
                    <!--            </svg>-->
                    <!--        </span>-->
                    <!--        <input autocomplete="off" type="text" id="search-input" class="form-control"-->
                    <!--            placeholder="Search" aria-label="search" aria-describedby="addon-wrapping">-->
                    <!--    </div>-->
                    <!--</div>-->
                    <!--<div class="col-8 col-lg-2 mb-2">-->
                    <!--    <div class="common_select2">-->
                    <!--       <select class="form-control select2"   id="type_filter">-->
                    <!--          <option selected value="">Filter by Type</option>-->
                    <!--          @foreach($equp_types as $types)-->
                    <!--       <option value="{{ $types->id }}">-->
                    <!--          {{ $types->name }}-->
                    <!--       </option>-->
                    <!--       @endforeach-->
                    <!--       </select>-->
                    <!--    </div>-->
                    <!-- </div>-->
                    <!-- <div class="col-8 col-lg-2 mb-2">-->
                    <!--    <div class="common_select2">-->
                    <!--       <select class="form-control select2"   id="category_filter">-->
                    <!--          <option selected value="">Filter by Category</option>-->
                    <!--          @foreach($equp_categories as $category)-->
                    <!--             <option value="{{ $category->id }}">-->
                    <!--          {{ $category->name }}-->
                    <!--       </option>-->
                    <!--       @endforeach-->
                    <!--       </select>-->
                    <!--    </div>-->
                    <!-- </div>-->
                    <!--<div class="col-8 col-lg-2 mb-2">-->
                    <!--    <div class="common_select2">-->
                    <!--       <select class="form-control select2" name="status_filter" id="status_filter">-->
                         
                    <!--          <option selected value="0">Active</option>-->
                    <!--          <option value="1">Inactive</option>-->
                    <!--       </select>-->
                    <!--    </div>-->
                    <!-- </div>-->
                    
                    <div class="ms-lg-auto mb-3 w-225 filter_list">
                        <div class="ctl-input-field">
                            <span class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"
                                    fill="none">
                                    <g clip-path="url(#clip0_224_12492)">
                                        <path
                                            d="M6.60568 0C2.96341 0 0 2.96341 0 6.60568C0 10.2482 2.96341 13.2114 6.60568 13.2114C10.2482 13.2114 13.2114 10.2482 13.2114 6.60568C13.2114 2.96341 10.2482 0 6.60568 0ZM6.60568 11.9919C3.63577 11.9919 1.21951 9.57562 1.21951 6.60571C1.21951 3.6358 3.63577 1.21951 6.60568 1.21951C9.57559 1.21951 11.9919 3.63577 11.9919 6.60568C11.9919 9.57559 9.57559 11.9919 6.60568 11.9919Z"
                                            fill="#868C98"></path>
                                        <path
                                            d="M14.8215 13.9588L11.3255 10.4628C11.0873 10.2246 10.7015 10.2246 10.4633 10.4628C10.2251 10.7008 10.2251 11.087 10.4633 11.325L13.9593 14.821C14.0158 14.8777 14.083 14.9227 14.157 14.9533C14.231 14.984 14.3103 14.9997 14.3904 14.9996C14.4705 14.9997 14.5498 14.984 14.6237 14.9533C14.6977 14.9227 14.7649 14.8777 14.8215 14.821C15.0597 14.583 15.0597 14.1968 14.8215 13.9588Z"
                                            fill="#868C98"></path>
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_224_12492">
                                            <rect width="15" height="15" fill="white"></rect>
                                        </clipPath>
                                    </defs>
                                </svg>
                            </span>
                            <input autocomplete="off" type="text" name="search" class="form-control" id="search-input"
                                placeholder="Search" aria-label="search" aria-describedby="addon-wrapping">
                        </div>
                    </div>
                    <div class="dropdown dropdown_content w-135 filter_list">
                        <button class="dropdown-toggle toggle_btn" type="button" id="dropdownMenuButton"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <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><span class="selected-text">Status</span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <li><a class="dropdown-item" href="javascript:void(0);" onclick="$('#statusFilter').val('').trigger('change');">Show All</a></li>
                            <li><a class="dropdown-item" href="javascript:void(0);" onclick="$('#statusFilter').val(0).trigger('change');">Active</a></li>
                            <li><a class="dropdown-item" href="javascript:void(0);" onclick="$('#statusFilter').val(1).trigger('change');">In-Active</a></li>
                        </ul>
                        <input type="hidden" id="statusFilter" value="">
                    </div>
                    <!-- <div class="dropdown dropdown_content w-135 filter_list">
                        <button class="dropdown-toggle toggle_btn" type="button" id="dropdownMenuButton"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" 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 class="selected-text">Location</span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <li><a class="dropdown-item" href="#">India</a></li>
                            <li><a class="dropdown-item" href="#">USA</a></li>
                        </ul>
                    </div> -->
                    <div class="col-auto mb-2">
                        <a href="{{ route('equipment.create' ) }}"   class="btn btn_primary">Add Equipment<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 21" fill="none">
                            <g clip-path="url(#clip0_239_43)">
                                <path d="M14.9825 11.622C14.05 10.692 12.6383 10.5237 11.5325 11.1162L7.50583 7.08954V4.51787C7.50583 3.6737 7.05167 2.88787 6.32083 2.4662L3.83667 1.0337C3.06083 0.585371 2.07667 0.716205 1.44167 1.34954L0.5875 2.20537C-0.0466667 2.83787 -0.175833 3.82287 0.271667 4.59871L1.70417 7.08287C2.12583 7.81454 2.9125 8.2687 3.75583 8.2687H6.3275L10.3492 12.2904C10.1175 12.7137 9.99417 13.1895 9.99417 13.6854C9.99417 14.4654 10.2983 15.197 10.8508 15.7487L15.0292 19.9154C15.5775 20.462 16.3242 20.7687 17.0958 20.7687C17.9167 20.7687 18.8358 20.3345 19.3608 19.6945C20.2992 18.5512 20.1742 16.7987 19.0767 15.7054L14.9825 11.622ZM3.1475 6.2512L1.715 3.7662C1.64333 3.64287 1.66417 3.48537 1.76583 3.3837L2.62 2.5287C2.72167 2.42787 2.87917 2.4062 3.00333 2.47787L5.48667 3.9112C5.70333 4.0362 5.83833 4.26954 5.83833 4.5187V6.60204H3.755C3.505 6.60204 3.2725 6.46787 3.1475 6.2512ZM18.0725 18.637C17.8425 18.9179 17.5175 19.082 17.1583 19.1004C16.8075 19.117 16.4575 18.9845 16.2067 18.7354L12.0283 14.5687C11.7917 14.3329 11.6617 14.0195 11.6617 13.6854C11.6617 13.3512 11.7925 13.0387 12.0283 12.802C12.2733 12.5579 12.5958 12.4354 12.9175 12.4354C13.2392 12.4354 13.5608 12.5579 13.8058 12.802L17.9008 16.8845C18.3975 17.3804 18.4725 18.1495 18.0725 18.637ZM8.6975 15.0179C9.0225 15.3445 9.02167 15.8712 8.69583 16.1962L4.965 19.9145C4.41667 20.4612 3.67083 20.7679 2.89833 20.7679C2.16417 20.7679 1.15833 20.3337 0.633333 19.6929C-0.304167 18.5504 -0.18 16.7979 0.918333 15.7045L5.64167 10.992C5.96667 10.667 6.495 10.667 6.82 10.9937C7.145 11.3195 7.14417 11.847 6.81833 12.172L2.09417 16.8845C1.5975 17.3804 1.52083 18.1495 1.92083 18.6362C2.15167 18.9179 2.47667 19.082 2.83583 19.1004C3.19083 19.1162 3.53667 18.9845 3.7875 18.7354L7.51917 15.017C7.845 14.692 8.37167 14.692 8.69833 15.0187L8.6975 15.0179ZM8.24417 4.63037C9.01083 2.67787 10.7642 1.23537 12.82 0.866205C13.5392 0.737871 14.2617 0.735372 14.9692 0.861205C15.5242 0.959538 15.9717 1.3512 16.1375 1.8812C16.3283 2.4887 16.1375 3.15704 15.6275 3.6687L13.6817 5.53704C13.2775 5.94121 13.2117 6.58787 13.5442 6.99454C13.7358 7.2287 14.005 7.36537 14.3033 7.3812C14.5942 7.39537 14.8817 7.28787 15.0925 7.07704L17.2708 4.9762C17.6758 4.5712 18.2817 4.42037 18.8483 4.6012C19.4017 4.77537 19.8075 5.2362 19.9083 5.80204C20.0333 6.5087 20.0317 7.23287 19.9033 7.95287C19.6692 9.26287 18.9867 10.4829 17.9817 11.3887C17.8225 11.532 17.6225 11.6029 17.4242 11.6029C17.1967 11.6029 16.9692 11.5104 16.805 11.3279C16.4967 10.9862 16.5242 10.4587 16.8658 10.1504C17.5967 9.49204 18.0925 8.60704 18.2625 7.66037C18.3442 7.2037 18.3558 6.74787 18.2983 6.30037L16.2608 8.2662C15.7317 8.79704 14.9858 9.0862 14.2208 9.0462C13.4575 9.00787 12.7408 8.64537 12.2542 8.05037C11.3858 6.9887 11.5008 5.36204 12.5158 4.34787L14.4608 2.47954L14.4683 2.47204C14.0225 2.41537 13.5675 2.42704 13.1142 2.5087C11.6242 2.77537 10.3533 3.82287 9.79583 5.2412C9.62833 5.66954 9.14417 5.88037 8.71583 5.71204C8.2875 5.5437 8.07583 5.06037 8.245 4.63204L8.24417 4.63037Z" fill="#fff"/>
                            </g>
                            <defs>
                                <clipPath id="clip0_239_43">
                                <rect width="20" height="20" fill="white" transform="translate(0 0.768677)"/>
                                </clipPath>
                            </defs>
                            </svg></a>
                    </div>
 
                    <!--<div class="col-auto">-->
                    <!--<a href="{{ route('equipment.create' ) }}"   class="btn btn_primary">Add Equipment<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 21" fill="none">-->
                    <!--        <g clip-path="url(#clip0_239_43)">-->
                    <!--            <path d="M14.9825 11.622C14.05 10.692 12.6383 10.5237 11.5325 11.1162L7.50583 7.08954V4.51787C7.50583 3.6737 7.05167 2.88787 6.32083 2.4662L3.83667 1.0337C3.06083 0.585371 2.07667 0.716205 1.44167 1.34954L0.5875 2.20537C-0.0466667 2.83787 -0.175833 3.82287 0.271667 4.59871L1.70417 7.08287C2.12583 7.81454 2.9125 8.2687 3.75583 8.2687H6.3275L10.3492 12.2904C10.1175 12.7137 9.99417 13.1895 9.99417 13.6854C9.99417 14.4654 10.2983 15.197 10.8508 15.7487L15.0292 19.9154C15.5775 20.462 16.3242 20.7687 17.0958 20.7687C17.9167 20.7687 18.8358 20.3345 19.3608 19.6945C20.2992 18.5512 20.1742 16.7987 19.0767 15.7054L14.9825 11.622ZM3.1475 6.2512L1.715 3.7662C1.64333 3.64287 1.66417 3.48537 1.76583 3.3837L2.62 2.5287C2.72167 2.42787 2.87917 2.4062 3.00333 2.47787L5.48667 3.9112C5.70333 4.0362 5.83833 4.26954 5.83833 4.5187V6.60204H3.755C3.505 6.60204 3.2725 6.46787 3.1475 6.2512ZM18.0725 18.637C17.8425 18.9179 17.5175 19.082 17.1583 19.1004C16.8075 19.117 16.4575 18.9845 16.2067 18.7354L12.0283 14.5687C11.7917 14.3329 11.6617 14.0195 11.6617 13.6854C11.6617 13.3512 11.7925 13.0387 12.0283 12.802C12.2733 12.5579 12.5958 12.4354 12.9175 12.4354C13.2392 12.4354 13.5608 12.5579 13.8058 12.802L17.9008 16.8845C18.3975 17.3804 18.4725 18.1495 18.0725 18.637ZM8.6975 15.0179C9.0225 15.3445 9.02167 15.8712 8.69583 16.1962L4.965 19.9145C4.41667 20.4612 3.67083 20.7679 2.89833 20.7679C2.16417 20.7679 1.15833 20.3337 0.633333 19.6929C-0.304167 18.5504 -0.18 16.7979 0.918333 15.7045L5.64167 10.992C5.96667 10.667 6.495 10.667 6.82 10.9937C7.145 11.3195 7.14417 11.847 6.81833 12.172L2.09417 16.8845C1.5975 17.3804 1.52083 18.1495 1.92083 18.6362C2.15167 18.9179 2.47667 19.082 2.83583 19.1004C3.19083 19.1162 3.53667 18.9845 3.7875 18.7354L7.51917 15.017C7.845 14.692 8.37167 14.692 8.69833 15.0187L8.6975 15.0179ZM8.24417 4.63037C9.01083 2.67787 10.7642 1.23537 12.82 0.866205C13.5392 0.737871 14.2617 0.735372 14.9692 0.861205C15.5242 0.959538 15.9717 1.3512 16.1375 1.8812C16.3283 2.4887 16.1375 3.15704 15.6275 3.6687L13.6817 5.53704C13.2775 5.94121 13.2117 6.58787 13.5442 6.99454C13.7358 7.2287 14.005 7.36537 14.3033 7.3812C14.5942 7.39537 14.8817 7.28787 15.0925 7.07704L17.2708 4.9762C17.6758 4.5712 18.2817 4.42037 18.8483 4.6012C19.4017 4.77537 19.8075 5.2362 19.9083 5.80204C20.0333 6.5087 20.0317 7.23287 19.9033 7.95287C19.6692 9.26287 18.9867 10.4829 17.9817 11.3887C17.8225 11.532 17.6225 11.6029 17.4242 11.6029C17.1967 11.6029 16.9692 11.5104 16.805 11.3279C16.4967 10.9862 16.5242 10.4587 16.8658 10.1504C17.5967 9.49204 18.0925 8.60704 18.2625 7.66037C18.3442 7.2037 18.3558 6.74787 18.2983 6.30037L16.2608 8.2662C15.7317 8.79704 14.9858 9.0862 14.2208 9.0462C13.4575 9.00787 12.7408 8.64537 12.2542 8.05037C11.3858 6.9887 11.5008 5.36204 12.5158 4.34787L14.4608 2.47954L14.4683 2.47204C14.0225 2.41537 13.5675 2.42704 13.1142 2.5087C11.6242 2.77537 10.3533 3.82287 9.79583 5.2412C9.62833 5.66954 9.14417 5.88037 8.71583 5.71204C8.2875 5.5437 8.07583 5.06037 8.245 4.63204L8.24417 4.63037Z" fill="#fff"/>-->
                    <!--        </g>-->
                    <!--        <defs>-->
                    <!--            <clipPath id="clip0_239_43">-->
                    <!--            <rect width="20" height="20" fill="white" transform="translate(0 0.768677)"/>-->
                    <!--            </clipPath>-->
                    <!--        </defs>-->
                    <!--        </svg></a>-->
                    <!--</div>-->
                </div>
            </div>
            <div class="card-body common_datatable_theme table_search_custom common_search_emp">
                <table id="equipment-table-list" class=" table theme_table dt-responsive nowrap align-middle  "
                    style="width:100%">
                    <thead>
                        <tr>
                            <th scope="col" style="width: 10px;" class="head-bottom-left-radius">
                                <div class="form-check ctl-tab-hdr-che">
                                    <input class="form-check-input fs-14 cursor-pointer check_All" type="checkbox"
                                        id="checkAll" value="option">
                                </div>
                            </th> 
                            <th data-ordering="false">Equipment Name</th>
                            <th data-ordering="false">Equipment Type</th>
                            <th data-ordering="false">Equipment Category</th>
                            <th data-ordering="false">Hourly Rate</th> 
                            <th data-ordering="false">Status</th>
                            <th class="head-bottom-right-radius">Action</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    <!--end col-->
</div>
<!--end row-->
@endsection
@section('script')
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.jquery.min.js') }}"></script>
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.bootstrap5.min.js') }}"></script>
<script src="{{ url('js/datatable-1.11.5_cdn/datatables.responsive.min.js') }}"></script>
<script src="{{ url('js/jquery-validate-1.19.3/jquery-validate.min.js') }}"></script>

<script>
  $(document).ready(function() {
    // Initialize Select2 on relevant elements
    $('.select-multi').select2();
    $(".select2").select2();

    // Initialize DataTable with options
    var table = $('#equipment-table-list').DataTable({
        paging: true,
        searching: true,
        pagingType: "simple_numbers",
        info: true,
        responsive: true,
        scrollX: true,
        scrollCollapse: true,
        ordering: false,
        processing: true,
        serverSide: true, // Enable server-side processing
        ajax: {
            url: "{{ route('equipment.list') }}", // Update with your route
            type: "GET",
            data: function(d) { 
                d.status = $('#statusFilter').val(); 
                d.equipment_category_id = $('#category_filter').val();  
                d.equipment_type_id = $('#type_filter').val();  
            },
            dataSrc: function(json) {
                console.log("Fetched Data:", json); // Debugging
                return json.data || []; // Ensure it's an array
            },
            error: function(xhr, error, thrown) {
                console.error("Error fetching data:", xhr.responseText);
            }
        },
        language: {
            paginate: {
                previous: '<span class="fa fa-chevron-left"></span>',
                next: '<span class="fa fa-chevron-right"></span>',
            },
        },
        dom: '<"top"f>rt<"footer-content bottom d-flex justify-content-between align-items-center flex-wrap mt-3 gap-2"<"infoDiv"i><"paginateDiv"p><"lengthDiv"l>><"clear">',
        columns: [
            {
                data: null, // Checkbox column (no data)
                render: function(data, type, row) {
                    return `<div class="form-check ctl-tab-hdr-che">
                                <input class="form-check-input fs-14 cursor-pointer check_row" type="checkbox" value="${row.id}">
                            </div>`;
                }
            },
            { data: "name" },
            { data: "equipment_type_name" },
            { data: "equipment_category_name" },
            { data: "hourly_rate" },
            { 
                data: "status",
                render: function(data, type, row) {
                    const statusClass = data ? 'ctl-unavailable' : 'ctl-available';
                    const statusText = data ? 'Inactive' : 'Active';
                    const statusIcon = data
                        ? '<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><circle cx="4" cy="4" r="3" fill="#f74850"></circle></svg>'
                        : '<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><circle cx="4" cy="4" r="3" fill="#17B26A"></circle></svg>';
                    return `<span class="ctl-emp-sta-txt ${statusClass}">
                                <span>${statusIcon}</span> ${statusText}
                            </span>`;
                }
            },
            {
                data: "id",
                render: function(data, type, row) {
                    return `<div class="dropdown d-inline-block ctl-pos-revert">
                                <button class="btn dropdown ps-0 pe-0 h-auto" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <svg class="align-middle" xmlns="http://www.w3.org/2000/svg" width="4" height="12" viewBox="0 0 4 12" fill="none">
                                        <path d="M2 9.125C2.69036 9.125 3.25 9.68464 3.25 10.375C3.25 11.0654 2.69036 11.625 2 11.625C1.30964 11.625 0.75 11.0654 0.75 10.375C0.75 9.68464 1.30964 9.125 2 9.125Z" fill="#212529"/>
                                        <path d="M2 4.75C2.69036 4.75 3.25 5.30964 3.25 6C3.25 6.69036 2.69036 7.25 2 7.25C1.30964 7.25 0.75 6.69036 0.75 6C0.75 5.30964 1.30964 4.75 2 4.75Z" fill="#212529"/>
                                        <path d="M2 0.375C2.69036 0.375 3.25 0.934644 3.25 1.625C3.25 2.31536 2.69036 2.875 2 2.875C1.30964 2.875 0.75 2.31536 0.75 1.625C0.75 0.934644 1.30964 0.375 2 0.375Z" fill="#212529"/>
                                    </svg>
                                </button>

                                <ul class="dropdown-menu table_action dropdown-menu-end justify-content-start flex-column widthfitcontent actionblock-custom">
                                    ${!window.userPermissions.canWorkLocationEdit ? `
                                        <li>
                                            <a href="{{ route('equipment.edit', '') }}/${row.id}" class="edit-item-btn d-flex align-items-center gap-2 depedit-btn"  data-toggle="tooltip" data-bs-placement="top" data-id="${row.id}" aria-label="Edit" data-bs-original-title="Edit">
                                                <span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.11965 1.0415H10.8803C12.4118 1.04149 13.6248 1.04148 14.5742 1.16912C15.5512 1.30047 16.342 1.57724 16.9656 2.20087C17.2097 2.44495 17.2097 2.84068 16.9656 3.08476C16.7216 3.32883 16.3258 3.32883 16.0817 3.08476C15.7291 2.73208 15.246 2.52069 14.4076 2.40797C13.5512 2.29283 12.4224 2.2915 10.8333 2.2915H9.16667C7.57765 2.2915 6.44876 2.29283 5.59237 2.40797C4.75397 2.52069 4.27093 2.73208 3.91825 3.08476C3.56558 3.43743 3.35419 3.92047 3.24147 4.75888C3.12633 5.61526 3.125 6.74415 3.125 8.33317V11.6665C3.125 13.2555 3.12633 14.3844 3.24147 15.2408C3.35419 16.0792 3.56558 16.5622 3.91825 16.9149C4.27093 17.2676 4.75397 17.479 5.59237 17.5917C6.44876 17.7068 7.57765 17.7082 9.16667 17.7082H10.8333C12.4224 17.7082 13.5512 17.7068 14.4076 17.5917C15.246 17.479 15.7291 17.2676 16.0817 16.9149C16.6617 16.335 16.8373 15.4339 16.8678 13.3241C16.8728 12.979 17.1567 12.7032 17.5018 12.7082C17.8469 12.7132 18.1227 12.9971 18.1177 13.3422C18.0884 15.3651 17.9575 16.8069 16.9656 17.7988C16.342 18.4224 15.5512 18.6992 14.5742 18.8306C13.6248 18.9582 12.4118 18.9582 10.8803 18.9582H9.11966C7.58819 18.9582 6.37516 18.9582 5.42581 18.8306C4.4488 18.6992 3.65801 18.4224 3.03437 17.7988C2.41073 17.1752 2.13397 16.3844 2.00261 15.4074C1.87498 14.458 1.87499 13.245 1.875 11.7135V8.28616C1.87499 6.75469 1.87498 5.54166 2.00261 4.59232C2.13397 3.6153 2.41073 2.82451 3.03437 2.20087C3.65801 1.57724 4.4488 1.30047 5.42581 1.16912C6.37516 1.04148 7.58819 1.04149 9.11965 1.0415ZM15.0943 5.87114C15.9782 4.98718 17.4114 4.98718 18.2954 5.87114C19.1793 6.75509 19.1793 8.18826 18.2954 9.07222L14.3326 13.035C14.117 13.2506 13.9712 13.3965 13.8078 13.5239C13.6156 13.6739 13.4077 13.8024 13.1876 13.9072C13.0006 13.9964 12.8049 14.0616 12.5156 14.158L10.7792 14.7367C10.3959 14.8645 9.97323 14.7648 9.68749 14.479C9.40175 14.1933 9.30197 13.7706 9.42976 13.3873L9.99689 11.6859C10.0008 11.6741 10.0047 11.6624 10.0085 11.6509C10.1049 11.3616 10.1701 11.1659 10.2593 10.9789C10.3641 10.7589 10.4927 10.5509 10.6426 10.3587C10.77 10.1954 10.9159 10.0495 11.1315 9.83393C11.1401 9.82535 11.1488 9.81666 11.1576 9.80785L15.0943 5.87114ZM17.4115 6.75502C17.0157 6.35922 16.374 6.35922 15.9782 6.75502L15.8267 6.90651C15.8349 6.93441 15.8443 6.96409 15.8552 6.99527C15.9335 7.22121 16.0823 7.52006 16.3644 7.80214C16.6464 8.08421 16.9453 8.23296 17.1712 8.31135C17.2024 8.32217 17.2321 8.3316 17.26 8.33982L17.4115 8.18834C17.8073 7.79254 17.8073 7.15082 17.4115 6.75502ZM16.3054 9.29446C16.0405 9.15532 15.7544 8.95995 15.4805 8.68602C15.2066 8.41208 15.0112 8.12605 14.872 7.86115L12.0415 10.6917C11.7906 10.9426 11.7025 11.0322 11.6282 11.1275C11.5341 11.2481 11.4535 11.3786 11.3877 11.5167C11.3357 11.6258 11.295 11.7445 11.1827 12.0812L10.8492 13.0819L11.0846 13.3173L12.0854 12.9838C12.422 12.8716 12.5408 12.8308 12.6499 12.7788C12.7879 12.713 12.9184 12.6324 13.039 12.5383C13.1343 12.464 13.2239 12.376 13.4748 12.1251L16.3054 9.29446ZM6.04167 7.49984C6.04167 7.15466 6.32149 6.87484 6.66667 6.87484H12.0833C12.4285 6.87484 12.7083 7.15466 12.7083 7.49984C12.7083 7.84502 12.4285 8.12484 12.0833 8.12484H6.66667C6.32149 8.12484 6.04167 7.84502 6.04167 7.49984ZM6.04167 10.8332C6.04167 10.488 6.32149 10.2082 6.66667 10.2082H8.75C9.09518 10.2082 9.375 10.488 9.375 10.8332C9.375 11.1783 9.09518 11.4582 8.75 11.4582H6.66667C6.32149 11.4582 6.04167 11.1783 6.04167 10.8332ZM6.04167 14.1665C6.04167 13.8213 6.32149 13.5415 6.66667 13.5415H7.91667C8.26184 13.5415 8.54167 13.8213 8.54167 14.1665C8.54167 14.5117 8.26184 14.7915 7.91667 14.7915H6.66667C6.32149 14.7915 6.04167 14.5117 6.04167 14.1665Z" fill="#525866"></path>
                                                        </svg>
                                                        </span> 
                                                        <span class="fs-12 font-weight-500 fc-secondary ctledit">Edit</span>
                                            </a>
                                        </li>` : ''}

                                    ${!window.userPermissions.canWorkLocationDelete ? `
                                        <li>
                                            <a class="remove-item-btn d-flex align-items-center gap-2 delete-equipment" href="javascript:void(0);"   data-toggle="tooltip" data-bs-placement="top" data-id="${row.id}" aria-label="Delete" data-bs-original-title="Edit">
                                                <span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                            <path d="M9.99995 2.2915C9.18454 2.2915 8.48918 2.81236 8.23148 3.54145C8.11645 3.8669 7.75937 4.03747 7.43393 3.92245C7.10848 3.80742 6.9379 3.45034 7.05293 3.12489C7.48163 1.91199 8.63833 1.0415 9.99995 1.0415C11.3616 1.0415 12.5183 1.91199 12.947 3.12489C13.062 3.45034 12.8914 3.80742 12.566 3.92245C12.2405 4.03747 11.8834 3.8669 11.7684 3.54145C11.5107 2.81236 10.8154 2.2915 9.99995 2.2915Z" fill="#525866"/>
                                                            <path d="M2.29159 4.99984C2.29159 4.65466 2.57141 4.37484 2.91659 4.37484H17.0833C17.4285 4.37484 17.7083 4.65466 17.7083 4.99984C17.7083 5.34502 17.4285 5.62484 17.0833 5.62484H2.91659C2.57141 5.62484 2.29159 5.34502 2.29159 4.99984Z" fill="#525866"/>
                                                            <path d="M4.92916 7.04159C4.9062 6.69718 4.60839 6.43659 4.26397 6.45955C3.91956 6.48251 3.65897 6.78033 3.68193 7.12474L4.06814 12.9179C4.13938 13.9868 4.19693 14.8503 4.33191 15.5278C4.47224 16.2322 4.71093 16.8206 5.20392 17.2819C5.69692 17.7431 6.29987 17.9421 7.01208 18.0353C7.69712 18.1249 8.56249 18.1249 9.63381 18.1248H10.3662C11.4375 18.1249 12.3029 18.1249 12.9879 18.0353C13.7001 17.9421 14.3031 17.7431 14.7961 17.2819C15.2891 16.8206 15.5277 16.2322 15.6681 15.5278C15.803 14.8503 15.8606 13.9868 15.9318 12.9179L16.318 7.12474C16.341 6.78033 16.0804 6.48251 15.736 6.45955C15.3916 6.43659 15.0938 6.69718 15.0708 7.04159L14.6875 12.7909C14.6127 13.9141 14.5593 14.6956 14.4422 15.2836C14.3285 15.854 14.1699 16.1559 13.9421 16.369C13.7142 16.5822 13.4024 16.7204 12.8258 16.7958C12.2313 16.8736 11.4479 16.8748 10.3222 16.8748H9.67776C8.55205 16.8748 7.76872 16.8736 7.17421 16.7958C6.59755 16.7204 6.28575 16.5822 6.0579 16.369C5.83006 16.1559 5.67145 15.854 5.55782 15.2836C5.44068 14.6956 5.38733 13.9141 5.31245 12.7909L4.92916 7.04159Z" fill="#525866"/>
                                                            <path d="M7.85447 8.54461C8.19794 8.51026 8.50421 8.76085 8.53856 9.10431L8.95523 13.271C8.98957 13.6144 8.73899 13.9207 8.39552 13.9551C8.05206 13.9894 7.74578 13.7388 7.71143 13.3954L7.29476 9.22869C7.26042 8.88523 7.51101 8.57895 7.85447 8.54461Z" fill="#525866"/>
                                                            <path d="M12.7052 9.22869C12.7396 8.88523 12.489 8.57895 12.1455 8.54461C11.8021 8.51026 11.4958 8.76085 11.4614 9.10431L11.0448 13.271C11.0104 13.6144 11.261 13.9207 11.6045 13.9551C11.9479 13.9894 12.2542 13.7388 12.2886 13.3954L12.7052 9.22869Z" fill="#525866"/>
                                                        </svg>
                                                    </span>
                                                    <span class="fs-12 font-weight-500 fc-secondary ctledit">Delete</span>
                                            </a>
                                        </li>` : ''}
                                </ul>
                            </div>`;
                }
            },
        ],
    });

    // Handle filter change
    $('#statusFilter').on('change', function() {
        table.ajax.reload();
    });
    $('.dataTables_filter').hide();
    $('#search-input').on('keyup', function () { 
    // Reload DataTable with the search term applied
    console.log("Tes");
        table.search(this.value).draw();
    });
});


$(document).on("click", ".delete-equipment", function () {
        let id = $(this).data("id");
        
        Swal.fire({
            title: "Are you sure?",
            text: "This action cannot be undone!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#d33",
            cancelButtonColor: "#3085d6",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ route('equipment.delete', '') }}/" + id,
                    type: "POST",
                    data: { _method: "DELETE" },
                    headers: { "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content") },
                    success: function (response) {
                        Swal.fire({
                            icon: "success",
                            title: "Deleted!",
                            text: "Equipment has been removed.",
                            timer: 2000,
                            showConfirmButton: false
                        });
                        $('#equipment-table-list').DataTable().ajax.reload();

                    },
                    error: function (xhr) {
                        Swal.fire({
                            icon: "error",
                            title: "Error",
                            text: xhr.responseText
                        });
                    }
                });
            }
        });
    });
</script>
@endsection