54 lines
2.6 KiB
PHP
54 lines
2.6 KiB
PHP
<!-- Sidebar -->
|
|
<div
|
|
x-show="sidebarOpen"
|
|
@click.away="sidebarOpen = false"
|
|
class="fixed inset-0 z-40 flex transition-transform duration-300 ease-in-out bg-gray-900 bg-opacity-50 lg:hidden"
|
|
x-transition:enter="transition-opacity ease-linear duration-300"
|
|
x-transition:enter-start="opacity-0"
|
|
x-transition:enter-end="opacity-100"
|
|
x-transition:leave="transition-opacity ease-linear duration-300"
|
|
x-transition:leave-start="opacity-100"
|
|
x-transition:leave-end="opacity-0"
|
|
></div>
|
|
|
|
<div
|
|
class="fixed inset-y-0 left-0 z-50 w-64 px-4 py-8 overflow-y-auto transition-transform duration-300 ease-in-out transform bg-white shadow-lg lg:static lg:inset-auto lg:translate-x-0"
|
|
:class="{ '-translate-x-full': !sidebarOpen, 'translate-x-0': sidebarOpen }"
|
|
>
|
|
<div class="flex items-center justify-between px-2">
|
|
<a class="text-2xl font-bold text-gray-800" href="index.php">Client Portal</a>
|
|
<button @click="sidebarOpen = false" class="text-gray-600 lg:hidden">
|
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
|
|
</button>
|
|
</div>
|
|
|
|
<nav class="mt-10">
|
|
<a href="index.php" class="flex items-center px-4 py-2 text-gray-700 rounded-md hover:bg-gray-200">
|
|
<i class="bi bi-house-door me-3"></i>
|
|
<span class="mx-4 font-medium">Home</span>
|
|
</a>
|
|
|
|
<a href="request-service.php" class="flex items-center px-4 py-2 mt-5 text-gray-700 rounded-md hover:bg-gray-200">
|
|
<i class="bi bi-card-list me-3"></i>
|
|
<span class="mx-4 font-medium">Request Service</span>
|
|
</a>
|
|
|
|
<?php if (isset($_SESSION['user_id'])) : ?>
|
|
<a href="admin.php" class="flex items-center px-4 py-2 mt-5 text-gray-700 rounded-md hover:bg-gray-200">
|
|
<i class="bi bi-person-badge me-3"></i>
|
|
<span class="mx-4 font-medium">Admin</span>
|
|
</a>
|
|
|
|
<a href="logout.php" class="flex items-center px-4 py-2 mt-5 text-gray-700 rounded-md hover:bg-gray-200">
|
|
<i class="bi bi-box-arrow-right me-3"></i>
|
|
<span class="mx-4 font-medium">Logout</span>
|
|
</a>
|
|
<?php else : ?>
|
|
<a href="login.php" class="flex items-center px-4 py-2 mt-5 text-gray-700 rounded-md hover:bg-gray-200">
|
|
<i class="bi bi-box-arrow-in-right me-3"></i>
|
|
<span class="mx-4 font-medium">Login</span>
|
|
</a>
|
|
<?php endif; ?>
|
|
</nav>
|
|
</div>
|