<!DOCTYPE html>

<html lang="en">
<head>
        <?php echo view('partials/title-meta', array('title' => 'Projects List')) ?> <?= $this->include('partials/head-css') ?>
    </head>
<body>
<div class="wrapper">
            <?php echo view('partials/topbar', array('subtitle' => 'Apps', 'title' => 'Projects List')) ?> <?= $this->include('partials/sidenav') ?>

            <!-- Start Page Content here -->
<div class="page-content">
<main>
                    <?php echo view('partials/page-title', array('subtitle' => 'Apps', 'title' => 'Projects List')) ?>

                    <div class="container-fluid">
<div class="card mb-base" data-table="" data-table-rows-per-page="8">
<div class="card-header">
<div class="flex gap-base w-full items-center justify-between">
<div class="flex gap-2.5">
<div class="input-icon-group">
<i class="iconify tabler--search input-icon"></i>
<input class="form-input" data-table-search="" placeholder="Search project name..." type="text"/>
</div>
<button class="btn bg-danger text-white hover:bg-danger-hover hidden" data-table-delete-selected="">Delete</button>
</div>
<div class="flex flex-wrap items-center gap-2.5 md:flex-nowrap">
<div class="items-center gap-2.5 md:flex">
<span class="font-semibold me-2.5">Filter By:</span>
<!-- Status Filter -->
<div class="input-icon-group">
<i class="iconify tabler--activity input-icon"></i>
<select class="form-select" data-table-filter="status">
<option value="All">Status</option>
<option value="In Progress">In Progress</option>
<option value="Pending Review">Pending Review</option>
<option value="Overdue">Overdue</option>
<option value="In Review">In Review</option>
<option value="Completed">Completed</option>
<option value="Scheduled">Scheduled</option>
<option value="On Hold">On Hold</option>
<option value="Pending">Pending</option>
</select>
</div>
</div>
<!-- Deadline Filter -->
<div class="input-icon-group">
<i class="iconify tabler--calendar-clock input-icon"></i>
<select class="form-select" data-table-range-filter="date">
<option selected="">Deadline</option>
<option value="This Week">This Week</option>
<option value="This Month">This Month</option>
<option value="Next Month">Next Month</option>
<option value="No Deadline">No Deadline</option>
</select>
</div>
<!-- Records Per Page -->
<div>
<select class="form-select" data-table-set-rows-per-page="">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
</div>
<!-- Layout Toggle Buttons -->
<div>
<nav class="flex items-center gap-x-1">
<a class="btn bg-primary/15 text-primary btn-icon hover:bg-primary hover:text-white" href="/apps-projects-grid">
<i class="iconify tabler--category text-lg"></i>
</a>
<a class="btn bg-primary btn-icon text-white hover:bg-primary-hover" href="/apps-projects-list">
<i class="iconify tabler--list-check text-lg"></i>
</a>
</nav>
</div>
</div>
</div>
<div class="table-wrapper">
<table class="table-custom table-centered table-select table-hover table table-hover w-full">
<thead class="thead-sm">
<tr class="bg-light/25 text-2xs uppercase">
<th class="w-[1%]">
<input class="form-checkbox form-checkbox-light size-4.5" data-table-select-all="" id="select-all-files" type="checkbox" value="option"/>
</th>
<th data-table-sort="project">Project</th>
<th>Members</th>
<th data-column="status" data-table-sort="">Status</th>
<th>Tasks</th>
<th>Progress</th>
<th>Attachments</th>
<th>Comments</th>
<th data-column="date" data-table-sort="">Due Date</th>
<th class="text-center w-[1%]">Actions</th>
</tr>
</thead>
<tbody class="divide-default-300 divide-y whitespace-nowrap">
<!-- Row 1 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--code text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">AI Analytics Dashboard</a>
</h5>
<p class="text-default-400 text-2xs">Updated 5 minutes ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-2.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-3.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-5.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-1.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-success/15 text-success">In Progress</span>
</td>
<td>
<h5>
                                                    18/60
                                                    <span class="badge bg-secondary text-white">+4 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-success h-full w-[65%]"></div>
</div>
</td>
<td>15 Files</td>
<td>5 Comments</td>
<td>10 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 2 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--device-desktop text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">E-commerce Platform</a>
</h5>
<p class="text-default-400 text-2xs">Updated 12 minutes ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-6.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-8.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-7.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-warning/15 text-warning">Pending Review</span>
</td>
<td>
<h5>10/40</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-warning h-full w-1/4"></div>
</div>
</td>
<td>8 Files</td>
<td>3 Comments</td>
<td>12 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 3 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--brush text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">UI Kit Design</a>
</h5>
<p class="text-default-400 text-2xs">Updated 30 minutes ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-4.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-danger/15 text-danger">Overdue</span>
</td>
<td>
<h5>20/40</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-danger h-full w-1/2"></div>
</div>
</td>
<td>12 Files</td>
<td>7 Comments</td>
<td>5 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 4 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--world text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Website Redesign</a>
</h5>
<p class="text-default-400 text-2xs">Updated 1 hour ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-2.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-7.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-9.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-info/15 text-info">In Review</span>
</td>
<td>
<h5>
                                                    15/30
                                                    <span class="badge bg-secondary text-white">+1 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-info h-full w-1/2"></div>
</div>
</td>
<td>6 Files</td>
<td>2 Comments</td>
<td>18 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 5 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--chart-bar text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Marketing Report</a>
</h5>
<p class="text-default-400 text-2xs">Updated 2 hours ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-5.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-10.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-8.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-2.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-primary/15 text-primary">Completed</span>
</td>
<td>
<h5>
                                                    40/40
                                                    <span class="badge bg-success text-white">✓</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-primary h-full w-full"></div>
</div>
</td>
<td>20 Files</td>
<td>10 Comments</td>
<td>1 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 6 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--bulb text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Sales Pitch Deck</a>
</h5>
<p class="text-default-400 text-2xs">Updated 45 minutes ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-9.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-10.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-info/15 text-info">In Review</span>
</td>
<td>
<h5>
                                                    9/12
                                                    <span class="badge bg-secondary text-white">+1 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-info h-full w-[75%]"></div>
</div>
</td>
<td>5 Files</td>
<td>1 Comments</td>
<td>9 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 7 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--speakerphone text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Mobile UI Mockups</a>
</h5>
<p class="text-default-400 text-2xs">Updated yesterday</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-7.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-4.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-5.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-1.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-success/15 text-success">In Progress</span>
</td>
<td>
<h5>
                                                    6/10
                                                    <span class="badge bg-secondary text-white">+3 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-success h-full w-3/5"></div>
</div>
</td>
<td>7 Files</td>
<td>0 Comments</td>
<td>6 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 8 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--database text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Server Maintenance</a>
</h5>
<p class="text-default-400 text-2xs">Updated 3 days ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-6.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-5.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-9.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-10.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-secondary/15 text-secondary">Scheduled</span>
</td>
<td>
<h5>
                                                    3/3
                                                    <span class="badge bg-success text-white">✓</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-secondary h-full w-full"></div>
</div>
</td>
<td>2 Files</td>
<td>1 Comments</td>
<td>3 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 9 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<i class="iconify tabler--bug text-default-400 text-xl"></i>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Security Audit</a>
</h5>
<p class="text-default-400 text-2xs">Updated last week</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-7.jpg"/>
</div>
<div class="-ms-1.5">
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-9.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-dark/15 text-dark">On Hold</span>
</td>
<td>
<h5>
                                                    5/10
                                                    <span class="badge bg-secondary text-white">+1 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-dark h-full w-1/2"></div>
</div>
</td>
<td>6 Files</td>
<td>4 Comments</td>
<td>2 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row 10 -->
<tr>
<td>
<input class="form-checkbox form-checkbox-light size-4.5" type="checkbox" value="option"/>
</td>
<td>
<div class="flex gap-base">
<div class="bg-light flex size-9 items-center justify-center rounded">
<span class="text-default-400 text-xl" data-icon="setting-2"></span>
</div>
<div class="flex-1">
<h5 class="hover:text-primary mb-1.25 flex items-center">
<a data-sort="project" href="/apps-projects-details">Plugin Development</a>
</h5>
<p class="text-default-400 text-2xs">Updated 4 days ago</p>
</div>
</div>
</td>
<td>
<div class="flex">
<div>
<img alt="user-img" class="size-6 rounded-full transition-all duration-200 hover:-translate-y-0.5" src="/images/users/user-3.jpg"/>
</div>
</div>
</td>
<td>
<span class="badge badge-label bg-warning/15 text-warning">Pending</span>
</td>
<td>
<h5>
                                                    2/6
                                                    <span class="badge bg-secondary text-white">+1 New</span>
</h5>
</td>
<td>
<div class="bg-default-100 h-1.25 w-full overflow-hidden rounded-full">
<div class="bg-dark h-full w-[33%]"></div>
</div>
</td>
<td>4 Files</td>
<td>2 Comments</td>
<td>7 May, 2025</td>
<td>
<div class="flex justify-center gap-1.25">
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--eye text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" href="#">
<i class="iconify tabler--edit text-base"></i>
</a>
<a class="btn btn-icon btn-sm border border-default-300 hover:border-default-400" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<div data-table-pagination-info="projects"></div>
<div data-table-pagination=""></div>
</div>
</div>
</div>
</main>

                <?= $this->include('partials/footer') ?>
            </div>
<!-- End Page content -->
</div>

        <?= $this->include('partials/customizer') ?> <?= $this->include('partials/footer-scripts') ?>

        <!-- Custom table -->
<script src="/js/pages/custom-table.js"></script>
</body>
</html>