cmtracker/templates/internal/libs/nav.html.twig
2024-11-29 21:46:09 -05:00

92 lines
3.8 KiB
Twig

{% block nav %}
<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-radius-lg fixed-start ms-2 bg-white my-2" id="sidenav-main">
<div class="sidenav-header">
<i class="fas fa-times p-3 cursor-pointer text-dark opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
<a class="navbar-brand px-4 py-3 m-0" href="/index.php/dashboard " target="_blank">
<img src="/assets/img/logo-ct-dark.png" class="navbar-brand-img" width="26" height="26" alt="main_logo">
<span class="ms-1 text-sm text-dark">CM Tracker</span>
</a>
</div>
<hr class='horizontal dark mt-0 mb-2'>
<div class='sidenav-header'>
<p class='text-xs text-center'>
{{ app.user.company|raw }}
</p>
</div>
<hr class="horizontal dark mt-0 mb-2">
<div class="collapse navbar-collapse w-auto " id="sidenav-collapse-main">
<ul class="navbar-nav">
{% if app.user.job.name == 'ADMIN' %}
<li class='nav-item'>
<a class="{{ admin_dashboard }}" href="/index.php/admin-dashboard">
<i class="material-symbols-rounded opacity-5">dashboard</i>
<span class="nav-link-text ms-1">Admin Dashboard</span>
</a>
</li>
{% endif %}
<li class="nav-item">
<a class="{{ user_dashboard }}" href="/index.php/dashboard">
<i class="material-symbols-rounded opacity-5">dashboard</i>
<span class="nav-link-text ms-1">Dashboard</span>
</a>
</li>
{#
<li class="nav-item">
<a class="nav-link text-dark" href="../pages/tables.html">
<i class="material-symbols-rounded opacity-5">table_view</i>
<span class="nav-link-text ms-1">Tables</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="../pages/billing.html">
<i class="material-symbols-rounded opacity-5">receipt_long</i>
<span class="nav-link-text ms-1">Billing</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="../pages/virtual-reality.html">
<i class="material-symbols-rounded opacity-5">view_in_ar</i>
<span class="nav-link-text ms-1">Virtual Reality</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="../pages/notifications.html">
<i class="material-symbols-rounded opacity-5">notifications</i>
<span class="nav-link-text ms-1">Notifications</span>
</a>
</li>
#}
<li class="nav-item mt-3">
<h6 class="ps-4 ms-2 text-uppercase text-xs text-dark font-weight-bolder opacity-5">Account pages</h6>
</li>
<li class="nav-item">
<a class="{{ profile }}" href="/index.php/profile">
<i class="material-symbols-rounded opacity-5">person</i>
<span class="nav-link-text ms-1">Profile</span>
</a>
</li>
{% if app.user.job.value == 'ADMIN' %}
<li class="nav-item">
<a class="{{ user_list }}" href="/index.php/list-users">
<i class="material-symbols-rounded opacity-5">assignment</i>
<span class="nav-link-text ms-1">User List</span>
</a>
</li>
<li class='nav-item'>
<a class='text-dark nav-link' href='/index.php/add-user'>
<i class='material-symbols-rounded opacity-5'>person</i>
<span class='nav-link-text ms-1'>Add User</span>
</a>
</li>
{% endif %}
</ul>
</div>
<div class="sidenav-footer position-absolute w-100 bottom-0 ">
<div class="mx-3">
<a class="btn btn-outline-dark mt-4 w-100" href="https://www.creative-tim.com/learning-lab/bootstrap/overview/material-dashboard?ref=sidebarfree" type="button">Documentation</a>
</div>
</div>
</aside>
{% endblock %}