<!DOCTYPE html>

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

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

                    <div class="container">
<div class="card" data-table="" data-table-rows-per-page="8">
<div class="card-header">
<div class="input-icon-group">
<i class="iconify tabler--search input-icon"></i>
<input class="form-input" placeholder="Search permissions..." type="search"/>
</div>
<!-- Records Per Page -->
<div>
<select class="form-select" data-table-set-rows-per-page="">
<option value="5">5</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
</div>
<div class="table-wrapper">
<table class="table table-hover">
<thead class="thead-sm">
<tr class="thead-sm bg-light/25 text-2xs uppercase">
<th data-table-sort="">Name</th>
<th>Assign To</th>
<th data-table-sort="">Created Date</th>
<th data-table-sort="">Users</th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>User Management</td>
<td>
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
</td>
<td>
                                                24 Jun 2025,
                                                <small class="text-default-400 text-sm">6:43 am</small>
</td>
<td>12</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Content Management -->
<tr>
<td>Content Management</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-danger/15 text-danger">Developer</span>
<span class="badge badge-label bg-primary/15 text-primary">Analyst</span>
<span class="badge badge-label bg-secondary/15 text-secondary">Support</span>
<span class="badge badge-label bg-warning/15 text-warning">Trial</span>
</td>
<td>
                                                21 Feb 2025,
                                                <small class="text-default-400 text-sm">11:05 am</small>
</td>
<td>5</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Financial Management -->
<tr>
<td>Financial Management</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-info/15 text-info">Analyst</span>
</td>
<td>
                                                24 Jun 2025,
                                                <small class="text-default-400 text-sm">5:30 pm</small>
</td>
<td>8</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Reporting -->
<tr>
<td>Reporting</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-info/15 text-info">Analyst</span>
</td>
<td>
                                                21 Feb 2025,
                                                <small class="text-default-400 text-sm">5:20 pm</small>
</td>
<td>6</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Payroll -->
<tr>
<td>Payroll</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-info/15 text-info">Analyst</span>
</td>
<td>
                                                20 Jun 2025,
                                                <small class="text-default-400 text-sm">6:05 pm</small>
</td>
<td>4</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Disputes Management -->
<tr>
<td>Disputes Management</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-danger/15 text-danger">Developer</span>
<span class="badge badge-label bg-secondary/15 text-secondary">Support</span>
</td>
<td>
                                                24 Jun 2025,
                                                <small class="text-default-400 text-sm">5:20 pm</small>
</td>
<td>7</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Audit Logs -->
<tr>
<td>Audit Logs</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
</td>
<td>
                                                23 Jun 2025,
                                                <small class="text-default-400 text-sm">4:00 pm</small>
</td>
<td>9</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: API Access -->
<tr>
<td>API Access</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-warning/15 text-warning">Trial</span>
<span class="badge badge-label bg-info/15 text-info">DevOps</span>
</td>
<td>
                                                22 Jun 2025,
                                                <small class="text-default-400 text-sm">2:35 pm</small>
</td>
<td>3</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Notification Center -->
<tr>
<td>Notification Center</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-info/15 text-info">Support</span>
</td>
<td>
                                                22 Jun 2025,
                                                <small class="text-default-400 text-sm">8:45 am</small>
</td>
<td>2</td>
<td>
<div class="flex justify-center gap-1.5">
<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" data-table-delete-row="" href="#">
<i class="iconify tabler--trash text-base"></i>
</a>
</div>
</td>
</tr>
<!-- Row: Access Logs -->
<tr>
<td>Access Logs</td>
<td class="space-x-1 px-2.25 py-3">
<span class="badge badge-label bg-primary/15 text-primary">Administrator</span>
<span class="badge badge-label bg-secondary/15 text-secondary">Support</span>
</td>
<td>
                                                19 Jun 2025,
                                                <small class="text-default-400 text-sm">6:10 pm</small>
</td>
<td>5</td>
<td>
<div class="flex justify-center gap-1.5">
<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" 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="permissions"></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>