@extends('ui-common.layouts.master')
@section('title')
@lang('Leave Management')
@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" />

<!-- timepickr themes -->
<link rel="stylesheet" href="{{ url('css/@simonwep/pickr/themes/classic.min.css')}}"/> <!-- 'classic' theme -->
<link rel="stylesheet" href="{{ url('css/@simonwep/pickr/themes/monolith.min.css')}}"/> <!-- 'monolith' theme -->
<link rel="stylesheet" href="{{ url('css/@simonwep/pickr/themes/nano.min.css')}}"/> <!-- 'nano' theme -->
@endsection
@section('content')

<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12 px-0 ctl-mar-bot-tim">
        <div class="card ctl-card-bor-rad ctl-pad-car-hea-bod mb-0">
            <div class="card-header ctl-bor-lne-col">
                <div class="row">
                    <div class="col-auto my-auto">
                        <div class="ctl-car-clo-hdr">
                            <h3>Leave Management</h3>
                        </div>
                    </div>
                    <div class="col-auto ms-auto">
                        <div class="cmp-emp-btn-blo">
                            <a href="{{ url('ui/applyleave') }}" class="d-flex align-items-center justify-content-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M7.06217 9.99967C7.06217 9.6545 7.342 9.37467 7.68717 9.37467L16.831 9.37467L15.1971 7.97421C14.935 7.74957 14.9047 7.35501 15.1293 7.09293C15.3539 6.83085 15.7485 6.8005 16.0106 7.02514L18.9273 9.52514C19.0658 9.64388 19.1455 9.81722 19.1455 9.99967C19.1455 10.1821 19.0658 10.3555 18.9273 10.4742L16.0106 12.9742C15.7485 13.1988 15.3539 13.1685 15.1293 12.9064C14.9047 12.6443 14.935 12.2498 15.1971 12.0251L16.831 10.6247L7.68717 10.6247C7.342 10.6247 7.06217 10.3449 7.06217 9.99967Z" fill="white"/>
                                <path d="M12.6872 6.66634C12.6872 7.2515 12.6872 7.54408 12.5467 7.75426C12.4859 7.84527 12.4078 7.92341 12.3168 7.98421C12.1066 8.12464 11.814 8.12464 11.2289 8.12464L7.68717 8.12464C6.65164 8.12464 5.81217 8.96411 5.81217 9.99964C5.81217 11.0352 6.65164 11.8746 7.68717 11.8746L11.2288 11.8746C11.814 11.8746 12.1066 11.8746 12.3168 12.0151C12.4078 12.0759 12.4859 12.154 12.5467 12.245C12.6872 12.4552 12.6872 12.7478 12.6872 13.333C12.6872 15.69 12.6872 16.8685 11.9549 17.6008C11.2227 18.333 10.0444 18.333 7.68736 18.333L6.85403 18.333C4.497 18.333 3.31849 18.333 2.58626 17.6008C1.85403 16.8685 1.85403 15.69 1.85403 13.333L1.85403 6.66634C1.85403 4.30933 1.85403 3.1308 2.58626 2.39857C3.31849 1.66634 4.497 1.66634 6.85402 1.66634L7.68736 1.66634C10.0444 1.66634 11.2227 1.66634 11.9549 2.39857C12.6872 3.13081 12.6872 4.30932 12.6872 6.66634Z" fill="white"/>
                                </svg> Apply Leave
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="cmp-lev-man-blo">
                    <div class="ctl-lev-man-blo">
                        <div class="ctl-man-blo-top">
                            <div class="ctl-uma-txt-lft">20</div>
                            <div class="ctl-uma-txt-rit">Out of 24</div>
                        </div>
                        <div class="ctl-man-blo-bot">
                            <div class="ctl-uma-pic-lft">
                                <img src="{{asset('img/icon_sick1.png')}}">
                            </div>
                            <div class="ctl-uma-tit-rit just">Sick Leave</div>
                        </div>
                    </div>
                    <div class="ctl-lev-man-blo">
                        <div class="ctl-man-blo-top">
                            <div class="ctl-uma-txt-lft">100</div>
                            <div class="ctl-uma-txt-rit">Out of 120</div>
                        </div>
                        <div class="ctl-man-blo-bot">
                            <div class="ctl-uma-pic-lft">
                                <img src="{{asset('img/icon_casual.png')}}">
                            </div>
                            <div class="ctl-uma-tit-rit just">Casual Leave</div>
                        </div>
                    </div>
                    <div class="ctl-lev-man-blo">
                        <div class="ctl-man-blo-top">
                            <div class="ctl-uma-txt-lft">10</div>
                            <div class="ctl-uma-txt-rit">Out of 10</div>
                        </div>
                        <div class="ctl-man-blo-bot">
                            <div class="ctl-uma-pic-lft">
                                <img src="{{asset('img/icon_maternity1.png')}}">
                            </div>
                            <div class="ctl-uma-tit-rit just">Maternity/Paternity Leave</div>
                        </div>
                    </div>
                    <div class="ctl-lev-man-blo">
                        <div class="ctl-man-blo-top">
                            <div class="ctl-uma-txt-lft">24</div>
                            <div class="ctl-uma-txt-rit">Out of 24</div>
                        </div>
                        <div class="ctl-man-blo-bot">
                            <div class="ctl-uma-pic-lft">
                                <img src="{{asset('img/icon_casual.png')}}">
                            </div>
                            <div class="ctl-uma-tit-rit just">Compassionate Leave</div>
                        </div>
                    </div>
                </div>              
            </div>
        </div>
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12 px-0">
        <div class="card ctl-card-bor-rad ctl-pad-car-hea-bod mb-0">
            <div class="card-header ctl-bor-lne-non pb-0">
                <div class="row">
                    <div class="col-auto my-auto">
                        <div class="ctl-car-clo-hdr">
                            <h3>Leave History</h3>
                        </div>
                    </div>
                    <div class="col-sm-3 ms-lg-auto ms-auto ctl-ser-cus-wid mt-2 mt-sm-0">
                        <div class="cmp-ser-inp-blo ">
                            <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" id="search" type="text" name="search" class="form-control" placeholder="Search" aria-label="search" aria-describedby="addon-wrapping">
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="card-body common_datatable_theme table_search_custom common_search_emp scroll_box ctl-mar-tab-bot">
                <table id="leaveListTable" class="table theme_table dt-responsive nowrap align-middle" style="width:100%">
                    <thead>
                        <tr>
                            <th>Leave Date</th>
                            <th>Applied Date</th>
                            <th>Type</th>
                            <th>Status</th>
                            <th>Reporting To</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>11/12/2024</td>
                            <td>11/12/2024</td>
                            <td>Sick Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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="#212121"></circle>
                                        </svg>
                                    </span>
                                    Pending
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>13/12/2024</td>
                            <td>13/12/2024</td>
                            <td>Casual Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Approved
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>10/11/2024</td>
                            <td>11/11/2024</td>
                            <td>Maternity/Paternity Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Rejected
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>07/11/2024</td>
                            <td>08/11/2024</td>
                            <td>Compassionate Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Approved
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>11/10/2024</td>
                            <td>11/10/2024</td>
                            <td>Sick Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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="#212121"></circle>
                                        </svg>
                                    </span>
                                    Pending
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>13/09/2024</td>
                            <td>13/09/2024</td>
                            <td>Casual Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Approved
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>10/09/2024</td>
                            <td>11/09/2024</td>
                            <td>Maternity/Paternity Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Rejected
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>07/09/2024</td>
                            <td>08/09/2024</td>
                            <td>Compassionate Leave</td>
                            <td>  
                                <span class="ctl-sta-lea-txt">
                                    <span>
                                        <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>
                                    </span>
                                    Approved
                                </span>
                            </td>
                            <td>Team Leader</td>
                            <td>
                                <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">
                                        <li>
                                            <a href="javascript:void(0)"
                                                class="edit-item-btn d-flex align-items-center gap-2" data-bs-toggle="modal" data-bs-target="#viewLeavePopup">
                                                <span>
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 20 20" fill="none">
                                                        <path d="M9.99984 14.7915C10.345 14.7915 10.6248 14.5117 10.6248 14.1665V9.1665C10.6248 8.82133 10.345 8.5415 9.99984 8.5415C9.65466 8.5415 9.37484 8.82133 9.37484 9.1665V14.1665C9.37484 14.5117 9.65466 14.7915 9.99984 14.7915Z" fill="#525866"></path>
                                                        <path d="M9.99984 5.83317C10.4601 5.83317 10.8332 6.20627 10.8332 6.6665C10.8332 7.12674 10.4601 7.49984 9.99984 7.49984C9.5396 7.49984 9.1665 7.12674 9.1665 6.6665C9.1665 6.20627 9.5396 5.83317 9.99984 5.83317Z" fill="#525866"></path>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.0415 9.99984C1.0415 5.05229 5.05229 1.0415 9.99984 1.0415C14.9474 1.0415 18.9582 5.05229 18.9582 9.99984C18.9582 14.9474 14.9474 18.9582 9.99984 18.9582C5.05229 18.9582 1.0415 14.9474 1.0415 9.99984ZM9.99984 2.2915C5.74264 2.2915 2.2915 5.74264 2.2915 9.99984C2.2915 14.257 5.74264 17.7082 9.99984 17.7082C14.257 17.7082 17.7082 14.257 17.7082 9.99984C17.7082 5.74264 14.257 2.2915 9.99984 2.2915Z" fill="#525866"></path>
                                                    </svg>
                                                </span>
                                                <span class="fs-12 font-weight-500 fc-secondary">View</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ url('ui/editleave') }}"
                                                class="edit-item-btn d-flex align-items-center gap-2">
                                                <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">Edit</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a class="remove-item-btn  d-flex align-items-center gap-2"
                                                href="javascript:void(0);">
                                                <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">Delete</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Filter modal content -->
<div class="modal fade" id="viewLeavePopup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered modal-dialog-bottom-center">
      <div class="modal-content cmp-mod-cus-tit cmp-mod-blo-cus">
         <div class="modal-header">
               <h5> View Leave Details</h5>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body pb-0">
            <form>
                <div class="cmp-lea-view-bac">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-3">
                            <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                <label class="ctl-lab-txt-frm">Reporting To</label>
                                <input type="text" value="Team Leader" disabled>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mb-3">
                            <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                <label class="ctl-lab-txt-frm">Leave Type</label>
                                <input type="text"  value="Sick Leave" disabled>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cmp-lea-view-bac">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 mb-3">
                            <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                <label class="ctl-lab-txt-frm">Date Range</label>
                                <input type="text" value="27/03/2025-28/03/2025" disabled>
                            </div>
                        </div>
                        
                        <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-3">
                            <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                <label class="ctl-lab-txt-frm">Leave Duration</label>
                                <input type="text"  value="1" disabled>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3 mb-3">
                            <div class="cmp-com-inp-cus-blo">
                                <label class="ctl-lab-txt-frm">Status</label>
                                <span class="ctl-sta-lea-txt ctl-sta-mot-pop">
                                    <span>
                                        <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>
                                    </span>
                                    Approved
                                </span>
                                <span class="ctl-sta-lea-txt ctl-sta-mot-pop d-none">
                                    <span>
                                        <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="#212121"></circle>
                                        </svg>
                                    </span>
                                    Pending
                                </span>
                                <span class="ctl-sta-lea-txt ctl-sta-mot-pop d-none">
                                    <span>
                                        <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>
                                    </span>
                                    Rejected
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cmp-lea-view-bac">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                    <label class="ctl-lab-txt-frm">Leave Details</label>
                                </div>
                            </div>
                            <ul class="cmp-lev-det-uol list-unstyled ps-0 mb-0">
                                <li>
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3">
                                            <div class="ctl-lev-det-txt-blo">
                                                <h4>27/03/2025</h4>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7">                           
                                            <div class="row">
                                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                                                    <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                                        <input type="text"  value="Half Day" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mt-3 mt-lg-0">
                                                    <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                                        <input type="text"  value="Afternoon" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3">
                                            <div class="ctl-lev-det-txt-blo">
                                               <h4>28/03/2025</h4>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-12 col-lg-7 col-xl-7 col-xxl-7">                           
                                            <div class="row">
                                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                                                    <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                                        <input type="text"  value="Full Day" disabled>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 mt-3 mt-lg-0">
                                                    <div class="cmp-com-inp-cus-blo cmp-vie-inp-dis">
                                                        <input type="text"  value="-" disabled>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>       
                        </div>
                    </div>
                </div>
                <div class="cmp-lea-view-bac">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12 mb-3">
                            <div class="cmp-tex-are-cus cmp-res-aut-txt cmp-vie-inp-dis">
                                <label class="ctl-lab-txt-frm">Reason for Leave</label>
                                <textarea class="form-control ctl-min-tex-hei ctl-tex-are-scr" rows="3" disabled>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</textarea>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                            <div class="cmp-com-inp-cus-blo">
                                <label class="ctl-lab-txt-frm">Supporting Documents</label>
                            </div>
                            <ul class="cmp-doc-vie-blo list-unstyled mb-0">
                                <li>
                                    <a href="javascript:void(0)" target="_blank" class="d-flex align-items-center gap-3">
                                        <div class="ctl-att-doc-typ">
                                            <img src="{{asset('img/assets/icon-jpg.png')}}">
                                        </div>
                                        <div class="ctl-att-doc-txt">
                                            <p>6c5c48927975.jpg</p>
                                        </div>
                                        <div class="cmp-rev-svg-con">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="">
                                                <path d="M18.2892 2.88976C17.2615 2.75159 15.9068 2.75 14 2.75C13.5858 2.75 13.25 2.41421 13.25 2C13.25 1.58579 13.5858 1.25 14 1.25H14.0564C15.8942 1.24998 17.3498 1.24997 18.489 1.40314C19.6615 1.56076 20.6104 1.89288 21.3588 2.64124C22.0432 3.32568 22.417 3.97665 22.5924 4.98199C22.7501 5.88571 22.7501 7.1045 22.75 8.90369L22.75 9C22.75 9.41422 22.4142 9.75 22 9.75C21.5858 9.75 21.25 9.41422 21.25 9C21.25 7.08092 21.2471 5.9986 21.1147 5.23984C20.9973 4.56666 20.7852 4.18904 20.2981 3.7019C19.8749 3.27869 19.2952 3.02503 18.2892 2.88976Z" fill="#000000"></path>
                                                <path d="M2.75001 15C2.75001 14.5858 2.41422 14.25 2.00001 14.25C1.58579 14.25 1.25001 14.5858 1.25001 15L1.25 15.0963C1.24995 16.8955 1.24992 18.1143 1.40762 19.018C1.58304 20.0233 1.95681 20.6743 2.64125 21.3588C3.38961 22.1071 4.33856 22.4392 5.51098 22.5969C6.6502 22.75 8.10583 22.75 9.94359 22.75H10C10.4142 22.75 10.75 22.4142 10.75 22C10.75 21.5858 10.4142 21.25 10 21.25C8.09318 21.25 6.73852 21.2484 5.71085 21.1102C4.70476 20.975 4.12512 20.7213 3.70191 20.2981C3.21477 19.811 3.00275 19.4333 2.88529 18.7602C2.75289 18.0014 2.75001 16.9191 2.75001 15Z" fill="#000000"></path>
                                                <path d="M22.75 15C22.75 14.5858 22.4142 14.25 22 14.25C21.5858 14.25 21.25 14.5858 21.25 15C21.25 16.9191 21.2471 18.0014 21.1147 18.7602C20.9973 19.4333 20.7852 19.811 20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25C13.5858 21.25 13.25 21.5858 13.25 22C13.25 22.4142 13.5858 22.75 14 22.75H14.0564C15.8942 22.75 17.3498 22.75 18.489 22.5969C19.6615 22.4392 20.6104 22.1071 21.3588 21.3588C22.0432 20.6743 22.417 20.0233 22.5924 19.018C22.7501 18.1143 22.7501 16.8955 22.75 15.0963L22.75 15Z" fill="#000000"></path>
                                                <path d="M10 1.25H9.94359C8.10584 1.24998 6.65019 1.24997 5.51098 1.40314C4.33856 1.56076 3.38961 1.89288 2.64125 2.64124C1.95681 3.32568 1.58304 3.97665 1.40762 4.98199C1.24992 5.8857 1.24995 7.10448 1.25 8.90364L1.25001 9C1.25001 9.41422 1.58579 9.75 2.00001 9.75C2.41422 9.75 2.75001 9.41422 2.75001 9C2.75001 7.08092 2.75289 5.9986 2.88529 5.23984C3.00275 4.56666 3.21477 4.18904 3.70191 3.7019C4.12512 3.27869 4.70476 3.02503 5.71085 2.88976C6.73852 2.75159 8.09319 2.75 10 2.75C10.4142 2.75 10.75 2.41421 10.75 2C10.75 1.58579 10.4142 1.25 10 1.25Z" fill="#000000"></path>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.25C10.4812 9.25 9.25001 10.4812 9.25001 12C9.25001 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25ZM10.75 12C10.75 11.3096 11.3096 10.75 12 10.75C12.6904 10.75 13.25 11.3096 13.25 12C13.25 12.6904 12.6904 13.25 12 13.25C11.3096 13.25 10.75 12.6904 10.75 12Z" fill="#000000"></path>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.32438 9.45049C6.59435 7.97738 8.77637 6.25 12 6.25C15.2236 6.25 17.4057 7.97738 18.6756 9.45049L18.7079 9.48791C18.9789 9.80202 19.2576 10.125 19.4491 10.5121C19.6632 10.9448 19.75 11.4094 19.75 12C19.75 12.5906 19.6632 13.0552 19.4491 13.4879C19.2576 13.875 18.9789 14.198 18.7079 14.5121L18.6756 14.5495C17.4057 16.0226 15.2236 17.75 12 17.75C8.77637 17.75 6.59435 16.0226 5.32438 14.5495L5.29211 14.5121C5.0211 14.198 4.7424 13.875 4.5509 13.4879C4.33676 13.0552 4.25001 12.5906 4.25001 12C4.25001 11.4094 4.33676 10.9448 4.5509 10.5121C4.74241 10.125 5.02109 9.80202 5.2921 9.48791L5.32438 9.45049ZM12 7.75C9.369 7.75 7.56642 9.14707 6.46048 10.4299C6.14652 10.7941 5.99368 10.9785 5.89533 11.1773C5.81198 11.3457 5.75001 11.566 5.75001 12C5.75001 12.434 5.81198 12.6543 5.89533 12.8227C5.99368 13.0215 6.14652 13.2059 6.46048 13.5701C7.56642 14.8529 9.369 16.25 12 16.25C14.631 16.25 16.4336 14.8529 17.5395 13.5701C17.8535 13.2059 18.0063 13.0215 18.1047 12.8227C18.188 12.6543 18.25 12.434 18.25 12C18.25 11.566 18.188 11.3457 18.1047 11.1773C18.0063 10.9785 17.8535 10.7941 17.5395 10.4299C16.4336 9.14707 14.631 7.75 12 7.75Z" fill="#000000"></path>
                                            </svg>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" target="_blank" class="d-flex align-items-center gap-3">
                                        <div class="ctl-att-doc-typ">
                                            <img src="{{asset('img/assets/icon-pdf.png')}}">
                                        </div>
                                        <div class="ctl-att-doc-txt">
                                            <p>6c5c48927975.jpg</p>
                                        </div>
                                        <div class="cmp-rev-svg-con">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="">
                                                <path d="M18.2892 2.88976C17.2615 2.75159 15.9068 2.75 14 2.75C13.5858 2.75 13.25 2.41421 13.25 2C13.25 1.58579 13.5858 1.25 14 1.25H14.0564C15.8942 1.24998 17.3498 1.24997 18.489 1.40314C19.6615 1.56076 20.6104 1.89288 21.3588 2.64124C22.0432 3.32568 22.417 3.97665 22.5924 4.98199C22.7501 5.88571 22.7501 7.1045 22.75 8.90369L22.75 9C22.75 9.41422 22.4142 9.75 22 9.75C21.5858 9.75 21.25 9.41422 21.25 9C21.25 7.08092 21.2471 5.9986 21.1147 5.23984C20.9973 4.56666 20.7852 4.18904 20.2981 3.7019C19.8749 3.27869 19.2952 3.02503 18.2892 2.88976Z" fill="#000000"></path>
                                                <path d="M2.75001 15C2.75001 14.5858 2.41422 14.25 2.00001 14.25C1.58579 14.25 1.25001 14.5858 1.25001 15L1.25 15.0963C1.24995 16.8955 1.24992 18.1143 1.40762 19.018C1.58304 20.0233 1.95681 20.6743 2.64125 21.3588C3.38961 22.1071 4.33856 22.4392 5.51098 22.5969C6.6502 22.75 8.10583 22.75 9.94359 22.75H10C10.4142 22.75 10.75 22.4142 10.75 22C10.75 21.5858 10.4142 21.25 10 21.25C8.09318 21.25 6.73852 21.2484 5.71085 21.1102C4.70476 20.975 4.12512 20.7213 3.70191 20.2981C3.21477 19.811 3.00275 19.4333 2.88529 18.7602C2.75289 18.0014 2.75001 16.9191 2.75001 15Z" fill="#000000"></path>
                                                <path d="M22.75 15C22.75 14.5858 22.4142 14.25 22 14.25C21.5858 14.25 21.25 14.5858 21.25 15C21.25 16.9191 21.2471 18.0014 21.1147 18.7602C20.9973 19.4333 20.7852 19.811 20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25C13.5858 21.25 13.25 21.5858 13.25 22C13.25 22.4142 13.5858 22.75 14 22.75H14.0564C15.8942 22.75 17.3498 22.75 18.489 22.5969C19.6615 22.4392 20.6104 22.1071 21.3588 21.3588C22.0432 20.6743 22.417 20.0233 22.5924 19.018C22.7501 18.1143 22.7501 16.8955 22.75 15.0963L22.75 15Z" fill="#000000"></path>
                                                <path d="M10 1.25H9.94359C8.10584 1.24998 6.65019 1.24997 5.51098 1.40314C4.33856 1.56076 3.38961 1.89288 2.64125 2.64124C1.95681 3.32568 1.58304 3.97665 1.40762 4.98199C1.24992 5.8857 1.24995 7.10448 1.25 8.90364L1.25001 9C1.25001 9.41422 1.58579 9.75 2.00001 9.75C2.41422 9.75 2.75001 9.41422 2.75001 9C2.75001 7.08092 2.75289 5.9986 2.88529 5.23984C3.00275 4.56666 3.21477 4.18904 3.70191 3.7019C4.12512 3.27869 4.70476 3.02503 5.71085 2.88976C6.73852 2.75159 8.09319 2.75 10 2.75C10.4142 2.75 10.75 2.41421 10.75 2C10.75 1.58579 10.4142 1.25 10 1.25Z" fill="#000000"></path>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.25C10.4812 9.25 9.25001 10.4812 9.25001 12C9.25001 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25ZM10.75 12C10.75 11.3096 11.3096 10.75 12 10.75C12.6904 10.75 13.25 11.3096 13.25 12C13.25 12.6904 12.6904 13.25 12 13.25C11.3096 13.25 10.75 12.6904 10.75 12Z" fill="#000000"></path>
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M5.32438 9.45049C6.59435 7.97738 8.77637 6.25 12 6.25C15.2236 6.25 17.4057 7.97738 18.6756 9.45049L18.7079 9.48791C18.9789 9.80202 19.2576 10.125 19.4491 10.5121C19.6632 10.9448 19.75 11.4094 19.75 12C19.75 12.5906 19.6632 13.0552 19.4491 13.4879C19.2576 13.875 18.9789 14.198 18.7079 14.5121L18.6756 14.5495C17.4057 16.0226 15.2236 17.75 12 17.75C8.77637 17.75 6.59435 16.0226 5.32438 14.5495L5.29211 14.5121C5.0211 14.198 4.7424 13.875 4.5509 13.4879C4.33676 13.0552 4.25001 12.5906 4.25001 12C4.25001 11.4094 4.33676 10.9448 4.5509 10.5121C4.74241 10.125 5.02109 9.80202 5.2921 9.48791L5.32438 9.45049ZM12 7.75C9.369 7.75 7.56642 9.14707 6.46048 10.4299C6.14652 10.7941 5.99368 10.9785 5.89533 11.1773C5.81198 11.3457 5.75001 11.566 5.75001 12C5.75001 12.434 5.81198 12.6543 5.89533 12.8227C5.99368 13.0215 6.14652 13.2059 6.46048 13.5701C7.56642 14.8529 9.369 16.25 12 16.25C14.631 16.25 16.4336 14.8529 17.5395 13.5701C17.8535 13.2059 18.0063 13.0215 18.1047 12.8227C18.188 12.6543 18.25 12.434 18.25 12C18.25 11.566 18.188 11.3457 18.1047 11.1773C18.0063 10.9785 17.8535 10.7941 17.5395 10.4299C16.4336 9.14707 14.631 7.75 12 7.75Z" fill="#000000"></path>
                                            </svg>
                                        </div>
                                    </a>
                                </li>
                                
                            </ul>
                            <!-- no attachment found -->
                            <div class="cmp-noresult-attachment mt-3">
                                <h5 class="fs-14 font-weight-400 fc-primary mb-0 text-center">No attachments found</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
         </div>
         <div class="modal-footer">
                <div class="cmp-sin-btn-tim justify-content-end">
                  <button type="button" class="btn ctl-btn-light w-auto" data-bs-dismiss="modal">Discard</button>
                </div>
         </div>
      </div>
   </div>
</div>
@endsection
@section('script')   
<script src="{{ url('js/jquery-3.6.0_cdn/jquery.min.js') }}"></script>
<script src="http://sat.localhost/ets-saas/public/js/app.js"></script>
<script src="{{ url('js/select2@4.1.0/select2.min.js') }}"></script>
<script src="{{ url('js/libs/flatpickr/flatpickr.min.js') }}"></script>
<script src="{{ url('js/jquery-validation/jquery.validate.min.js') }}"></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(){
        var table = $('#leaveListTable').DataTable({
            paging: true,
            searching: false,
            pagingType: "simple_numbers",
            scrollCollapse: true,
            info: true,
            responsive: false,
            scrollX: true,
            ordering: false,
            language: {
                paginate: {
                    previous: '<span class="fa fa-chevron-left"></span>',
                    next: '<span class="fa fa-chevron-right"></span>'
                }
            }
        });
        $('.ctl-select2').select2({
            minimumResultsForSearch: Infinity,
        });
    });
    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