Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/rutzotech.com/public_html/ems/superadmin

Free Space:

10.24 TB

🔧 Quick Actions

✏️ Editing: leavereq.php

<!DOCTYPE html>
<html lang="en" data-bs-theme="light">
<head>
    <meta charset="utf-8">
    <title>Leave Management | MNC Admin Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Global leave management system for multinational workforce" name="description">
    <meta content="Corporate Solutions" name="author">

<link rel="shortcut icon" href="../images/dec.jpeg">

<script src="../js/hyper-config.js"></script>

<link href="../css/vendor.min.css" rel="stylesheet" type="text/css">

<link href="../css/app.min.css" rel="stylesheet" type="text/css" id="app-style">

<link href="../css/unicons.css" rel="stylesheet" type="text/css">
    <link href="../css/remixicon.css" rel="stylesheet" type="text/css">
    <link href="../css/materialdesignicons.min.css" rel="stylesheet" type="text/css">
    
    <style>
        .leave-card {
            transition: all 0.3s ease;
            border-left: 4px solid;
        }
        .leave-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .leave-card.pending {
            border-left-color: #ffc107;
        }
        .leave-card.approved {
            border-left-color: #28a745;
        }
        .leave-card.rejected {
            border-left-color: #dc3545;
        }
        .leave-card.cancelled {
            border-left-color: #6c757d;
        }
        .leave-type-badge {
            font-size: 0.75rem;
            padding: 0.35em 0.65em;
        }
        .calendar-day {
            width: 14.28%;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .calendar-day.leave-day {
            background-color: rgba(40, 167, 69, 0.2);
            border-radius: 50%;
        }
        .calendar-day.pending-day {
            background-color: rgba(255, 193, 7, 0.2);
            border-radius: 50%;
        }
        .calendar-day.weekend {
            background-color: rgba(108, 117, 125, 0.1);
        }
        .calendar-day.holiday {
            background-color: rgba(220, 53, 69, 0.1);
        }
        .calendar-day.today {
            border: 2px solid #727cf5;
            border-radius: 50%;
        }
        .leave-balance-card {
            border-radius: 10px;
        }
        .leave-balance-progress {
            height: 8px;
        }
        @media (max-width: 768px) {
            .leave-stats-card {
                margin-bottom: 15px;
            }
            .filter-section {
                flex-direction: column;
            }
            .filter-section .btn-group {
                margin-top: 10px;
            }
        }
    </style>
</head>

<div class="content-page">
        <div class="content">
            
            <div class="container-fluid">
                
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right">
                                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newLeaveModal">
                                    <i class="ri-add-line me-1"></i> New Leave Request
                                </button>
                            </div>
                            <h4 class="page-title">Leave Management</h4>
                        </div>
                    </div>
                </div>

<div class="row mb-4">
                    <div class="col-md-3 col-sm-6">
                        <div class="card leave-stats-card bg-primary text-white">
                            <div class="card-body">
                                <h5 class="card-title">Pending Requests</h5>
                                <h2 class="mb-0">18</h2>
                                <p class="card-text">Requires your approval</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="card leave-stats-card bg-success text-white">
                            <div class="card-body">
                                <h5 class="card-title">Approved This Month</h5>
                                <h2 class="mb-0">42</h2>
                                <p class="card-text">Across all departments</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="card leave-stats-card bg-warning text-white">
                            <div class="card-body">
                                <h5 class="card-title">Upcoming Leaves</h5>
                                <h2 class="mb-0">27</h2>
                                <p class="card-text">Next 7 days</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="card leave-stats-card bg-info text-white">
                            <div class="card-body">
                                <h5 class="card-title">Avg. Processing Time</h5>
                                <h2 class="mb-0">1.2</h2>
                                <p class="card-text">Days to approve</p>
                            </div>
                        </div>
                    </div>
                </div>

<div class="row">
                    
                    <div class="col-lg-4">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="header-title mb-3">My Leave Balance</h4>
                                
                                <div class="leave-balance-card bg-light p-3 mb-3">
                                    <div class="d-flex justify-content-between mb-1">
                                        <span>Annual Leave</span>
                                        <span>15/30 days</span>
                                    </div>
                                    <div class="progress leave-balance-progress">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                
                                <div class="leave-balance-card bg-light p-3 mb-3">
                                    <div class="d-flex justify-content-between mb-1">
                                        <span>Sick Leave</span>
                                        <span>5/10 days</span>
                                    </div>
                                    <div class="progress leave-balance-progress">
                                        <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                
                                <div class="leave-balance-card bg-light p-3 mb-3">
                                    <div class="d-flex justify-content-between mb-1">
                                        <span>Parental Leave</span>
                                        <span>0/90 days</span>
                                    </div>
                                    <div class="progress leave-balance-progress">
                                        <div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                
                                <div class="leave-balance-card bg-light p-3">
                                    <div class="d-flex justify-content-between mb-1">
                                        <span>Unpaid Leave</span>
                                        <span>2/∞ days</span>
                                    </div>
                                    <div class="progress leave-balance-progress">
                                        <div class="progress-bar bg-secondary" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                                
                                <hr>
                                
                                <h5 class="mt-3">Company Holidays</h5>
                                <ul class="list-unstyled">
                                    <li class="mb-1"><i class="ri-checkbox-blank-circle-fill text-danger me-1"></i> New Year's Day - Jan 1</li>
                                    <li class="mb-1"><i class="ri-checkbox-blank-circle-fill text-danger me-1"></i> Spring Festival - Feb 10-16</li>
                                    <li class="mb-1"><i class="ri-checkbox-blank-circle-fill text-danger me-1"></i> Labor Day - May 1</li>
                                    <li class="mb-1"><i class="ri-checkbox-blank-circle-fill text-danger me-1"></i> National Day - Oct 1-7</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h4 class="header-title">Leave Calendar</h4>
                                    <div class="btn-group">
                                        <button class="btn btn-sm btn-outline-secondary" id="prevMonth"><i class="ri-arrow-left-line"></i></button>
                                        <button class="btn btn-sm btn-outline-secondary" id="currentMonth">June 2023</button>
                                        <button class="btn btn-sm btn-outline-secondary" id="nextMonth"><i class="ri-arrow-right-line"></i></button>
                                    </div>
                                </div>
                                
                                <div class="table-responsive">
                                    <table class="table table-bordered mb-0">
                                        <thead>
                                            <tr>
                                                <th>Sun</th>
                                                <th>Mon</th>
                                                <th>Tue</th>
                                                <th>Wed</th>
                                                <th>Thu</th>
                                                <th>Fri</th>
                                                <th>Sat</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="calendar-day weekend">28</td>
                                                <td class="calendar-day">29</td>
                                                <td class="calendar-day">30</td>
                                                <td class="calendar-day">31</td>
                                                <td class="calendar-day">1</td>
                                                <td class="calendar-day">2</td>
                                                <td class="calendar-day weekend">3</td>
                                            </tr>
                                            <tr>
                                                <td class="calendar-day weekend">4</td>
                                                <td class="calendar-day">5</td>
                                                <td class="calendar-day">6</td>
                                                <td class="calendar-day">7</td>
                                                <td class="calendar-day">8</td>
                                                <td class="calendar-day">9</td>
                                                <td class="calendar-day weekend holiday">10</td>
                                            </tr>
                                            <tr>
                                                <td class="calendar-day weekend">11</td>
                                                <td class="calendar-day">12</td>
                                                <td class="calendar-day leave-day">13</td>
                                                <td class="calendar-day leave-day">14</td>
                                                <td class="calendar-day leave-day">15</td>
                                                <td class="calendar-day">16</td>
                                                <td class="calendar-day weekend">17</td>
                                            </tr>
                                            <tr>
                                                <td class="calendar-day weekend">18</td>
                                                <td class="calendar-day">19</td>
                                                <td class="calendar-day">20</td>
                                                <td class="calendar-day pending-day">21</td>
                                                <td class="calendar-day pending-day">22</td>
                                                <td class="calendar-day">23</td>
                                                <td class="calendar-day weekend">24</td>
                                            </tr>
                                            <tr>
                                                <td class="calendar-day weekend">25</td>
                                                <td class="calendar-day">26</td>
                                                <td class="calendar-day today">27</td>
                                                <td class="calendar-day">28</td>
                                                <td class="calendar-day">29</td>
                                                <td class="calendar-day">30</td>
                                                <td class="calendar-day weekend">1</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                
                                <div class="mt-3">
                                    <div class="d-flex align-items-center mb-1">
                                        <div class="badge rounded-circle bg-success me-2" style="width: 12px; height: 12px;"></div>
                                        <small>Approved Leave</small>
                                    </div>
                                    <div class="d-flex align-items-center mb-1">
                                        <div class="badge rounded-circle bg-warning me-2" style="width: 12px; height: 12px;"></div>
                                        <small>Pending Approval</small>
                                    </div>
                                    <div class="d-flex align-items-center mb-1">
                                        <div class="badge rounded-circle bg-danger me-2" style="width: 12px; height: 12px;"></div>
                                        <small>Company Holiday</small>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <div class="badge rounded-circle bg-secondary me-2" style="width: 12px; height: 12px;"></div>
                                        <small>Weekend</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <div class="row mt-4">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center mb-3">
                                    <h4 class="header-title">Leave Requests</h4>
                                    <div class="d-flex filter-section">
                                        <select class="form-select form-select-sm me-2" style="width: 150px;" id="leaveStatusFilter">
                                            <option value="all">All Status</option>
                                            <option value="pending">Pending</option>
                                            <option value="approved">Approved</option>
                                            <option value="rejected">Rejected</option>
                                        </select>
                                        <select class="form-select form-select-sm me-2" style="width: 150px;" id="leaveTypeFilter">
                                            <option value="all">All Types</option>
                                            <option value="annual">Annual Leave</option>
                                            <option value="sick">Sick Leave</option>
                                            <option value="parental">Parental Leave</option>
                                            <option value="unpaid">Unpaid Leave</option>
                                        </select>
                                        <div class="input-group input-group-sm" style="width: 200px;">
                                            <input type="text" class="form-control" placeholder="Search employee..." id="leaveSearch">
                                            <button class="btn btn-outline-secondary" type="button"><i class="ri-search-line"></i></button>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="table-responsive">
                                    <table class="table table-centered table-hover mb-0" id="leaveRequestsTable">
                                        <thead>
                                            <tr>
                                                <th>Employee</th>
                                                <th>Leave Type</th>
                                                <th>From</th>
                                                <th>To</th>
                                                <th>Duration</th>
                                                <th>Reason</th>
                                                <th>Status</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="user">
                                                        <div>
                                                            <h5 class="m-0">John Smith</h5>
                                                            <small class="text-muted">EMP001</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td><span class="badge leave-type-badge bg-success">Annual Leave</span></td>
                                                <td>15 Jun 2023</td>
                                                <td>20 Jun 2023</td>
                                                <td>5 days</td>
                                                <td>Family vacation</td>
                                                <td><span class="badge bg-success">Approved</span></td>
                                                <td>
                                                    <button class="btn btn-sm btn-outline-primary view-leave-details">View</button>
                                                    <button class="btn btn-sm btn-outline-danger ms-1">Cancel</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="user">
                                                        <div>
                                                            <h5 class="m-0">Sarah Johnson</h5>
                                                            <small class="text-muted">EMP002</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td><span class="badge leave-type-badge bg-info">Sick Leave</span></td>
                                                <td>18 Jun 2023</td>
                                                <td>19 Jun 2023</td>
                                                <td>2 days</td>
                                                <td>Medical appointment</td>
                                                <td><span class="badge bg-warning">Pending</span></td>
                                                <td>
                                                    <button class="btn btn-sm btn-outline-primary view-leave-details">View</button>
                                                    <button class="btn btn-sm btn-outline-success ms-1">Approve</button>
                                                    <button class="btn btn-sm btn-outline-danger ms-1">Reject</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="user">
                                                        <div>
                                                            <h5 class="m-0">Michael Chen</h5>
                                                            <small class="text-muted">EMP003</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td><span class="badge leave-type-badge bg-primary">Parental Leave</span></td>
                                                <td>01 Jul 2023</td>
                                                <td>30 Sep 2023</td>
                                                <td>90 days</td>
                                                <td>Paternity leave</td>
                                                <td><span class="badge bg-success">Approved</span></td>
                                                <td>
                                                    <button class="btn btn-sm btn-outline-primary view-leave-details">View</button>
                                                    <button class="btn btn-sm btn-outline-danger ms-1">Cancel</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="user">
                                                        <div>
                                                            <h5 class="m-0">Emma Wilson</h5>
                                                            <small class="text-muted">EMP004</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td><span class="badge leave-type-badge bg-secondary">Unpaid Leave</span></td>
                                                <td>21 Jun 2023</td>
                                                <td>22 Jun 2023</td>
                                                <td>2 days</td>
                                                <td>Personal reasons</td>
                                                <td><span class="badge bg-danger">Rejected</span></td>
                                                <td>
                                                    <button class="btn btn-sm btn-outline-primary view-leave-details">View</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div class="d-flex align-items-center">
                                                        <img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="user">
                                                        <div>
                                                            <h5 class="m-0">David Kim</h5>
                                                            <small class="text-muted">EMP005</small>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td><span class="badge leave-type-badge bg-success">Annual Leave</span></td>
                                                <td>10 Jul 2023</td>
                                                <td>15 Jul 2023</td>
                                                <td>5 days</td>
                                                <td>Summer vacation</td>
                                                <td><span class="badge bg-warning">Pending</span></td>
                                                <td>
                                                    <button class="btn btn-sm btn-outline-primary view-leave-details">View</button>
                                                    <button class="btn btn-sm btn-outline-success ms-1">Approve</button>
                                                    <button class="btn btn-sm btn-outline-danger ms-1">Reject</button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                
                                <div class="row mt-3">
                                    <div class="col-sm-12 col-md-5">
                                        <div class="dataTables_info" id="basic-datatable_info" role="status" aria-live="polite">Showing 1 to 5 of 12 entries</div>
                                    </div>
                                    <div class="col-sm-12 col-md-7">
                                        <div class="dataTables_paginate paging_simple_numbers" id="basic-datatable_paginate">
                                            <ul class="pagination justify-content-end">
                                                <li class="paginate_button page-item previous disabled" id="basic-datatable_previous"><a href="#" aria-controls="basic-datatable" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li>
                                                <li class="paginate_button page-item active"><a href="#" aria-controls="basic-datatable" data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
                                                <li class="paginate_button page-item"><a href="#" aria-controls="basic-datatable" data-dt-idx="2" tabindex="0" class="page-link">2</a></li>
                                                <li class="paginate_button page-item"><a href="#" aria-controls="basic-datatable" data-dt-idx="3" tabindex="0" class="page-link">3</a></li>
                                                <li class="paginate_button page-item next" id="basic-datatable_next"><a href="#" aria-controls="basic-datatable" data-dt-idx="4" tabindex="0" class="page-link">Next</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="modal fade" id="newLeaveModal" tabindex="-1" aria-labelledby="newLeaveModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="newLeaveModalLabel">New Leave Request</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form id="leaveRequestForm">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="leaveType" class="form-label">Leave Type</label>
                                    <select class="form-select" id="leaveType" required>
                                        <option value="">Select leave type</option>
                                        <option value="annual">Annual Leave</option>
                                        <option value="sick">Sick Leave</option>
                                        <option value="parental">Parental Leave</option>
                                        <option value="unpaid">Unpaid Leave</option>
                                        <option value="other">Other</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label for="leaveDuration" class="form-label">Duration</label>
                                    <select class="form-select" id="leaveDuration" required>
                                        <option value="">Select duration</option>
                                        <option value="full_day">Full Day</option>
                                        <option value="half_day">Half Day</option>
                                        <option value="multiple_days">Multiple Days</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="startDate" class="form-label">Start Date</label>
                                    <input type="date" class="form-control" id="startDate" required>
                                </div>
                                <div class="col-md-6">
                                    <label for="endDate" class="form-label">End Date</label>
                                    <input type="date" class="form-control" id="endDate" required>
                                </div>
                            </div>
                            
                            <div class="row mb-3" id="halfDaySection" style="display: none;">
                                <div class="col-md-6">
                                    <label class="form-label">Half Day Option</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="halfDayOption" id="firstHalf" value="first_half">
                                        <label class="form-check-label" for="firstHalf">First Half (AM)</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="halfDayOption" id="secondHalf" value="second_half">
                                        <label class="form-check-label" for="secondHalf">Second Half (PM)</label>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="mb-3">
                                <label for="leaveReason" class="form-label">Reason</label>
                                <textarea class="form-control" id="leaveReason" rows="3" required placeholder="Please provide details for your leave request"></textarea>
                            </div>
                            
                            <div class="mb-3">
                                <label for="leaveAttachment" class="form-label">Attachment (if required)</label>
                                <input class="form-control" type="file" id="leaveAttachment">
                                <small class="text-muted">For sick leave or other special leaves, please attach supporting documents</small>
                            </div>
                            
                            <div class="alert alert-info">
                                <i class="ri-information-line me-2"></i> Your leave balance will be updated automatically upon approval. For parental leave, additional documentation may be required.
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" id="submitLeaveRequest">Submit Request</button>
                    </div>
                </div>
            </div>
        </div>

<div class="modal fade" id="leaveDetailsModal" tabindex="-1" aria-labelledby="leaveDetailsModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="leaveDetailsModalLabel">Leave Request Details</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <p><strong>Employee:</strong> <span id="detailEmployeeName">John Smith</span></p>
                                <p><strong>Employee ID:</strong> <span id="detailEmployeeId">EMP001</span></p>
                                <p><strong>Department:</strong> <span id="detailDepartment">Marketing</span></p>
                            </div>
                            <div class="col-md-6">
                                <p><strong>Request Date:</strong> <span id="detailRequestDate">10 Jun 2023</span></p>
                                <p><strong>Status:</strong> <span id="detailStatus" class="badge bg-success">Approved</span></p>
                                <p><strong>Approved By:</strong> <span id="detailApprover">Sarah Johnson (HR Manager)</span></p>
                            </div>
                        </div>
                        
                        <div class="card mb-3">
                            <div class="card-body">
                                <h6 class="card-title">Leave Information</h6>
                                <div class="row">
                                    <div class="col-md-6">
                                        <p><strong>Leave Type:</strong> <span id="detailLeaveType" class="badge bg-success">Annual Leave</span></p>
                                        <p><strong>Start Date:</strong> <span id="detailStartDate">15 Jun 2023</span></p>
                                    </div>
                                    <div class="col-md-6">
                                        <p><strong>Duration:</strong> <span id="detailDuration">5 days</span></p>
                                        <p><strong>End Date:</strong> <span id="detailEndDate">20 Jun 2023</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="card mb-3">
                            <div class="card-body">
                                <h6 class="card-title">Reason</h6>
                                <p id="detailReason">Family vacation to celebrate our anniversary. We have planned this trip for several months.</p>
                            </div>
                        </div>
                        
                        <div class="card" id="detailAttachmentSection" style="display: none;">
                            <div class="card-body">
                                <h6 class="card-title">Attachment</h6>
                                <a href="#" id="detailAttachmentLink" class="btn btn-sm btn-outline-primary">View Attachment</a>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-success" id="approveLeaveBtn" style="display: none;">Approve</button>
                        <button type="button" class="btn btn-danger" id="rejectLeaveBtn" style="display: none;">Reject</button>
                        <button type="button" class="btn btn-primary" id="cancelLeaveBtn" style="display: none;">Cancel Request</button>
                    </div>
                </div>
            </div>
        </div>

<footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <script>document.write(new Date().getFullYear())</script> © MNC Corporation
                    </div>
                    <div class="col-md-6">
                        <div class="text-md-end footer-links d-none d-md-block">
                            <a href="javascript: void(0);">HR Policy</a>
                            <a href="javascript: void(0);">Help Center</a>
                            <a href="javascript: void(0);">Contact HR</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

<script src="../js/vendor.min.js"></script>

<script src="../js/app.js"></script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: leavereq.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation