144 lines
8.0 KiB
PHP
144 lines
8.0 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
|
|
<head>
|
|
@include('partials.head')
|
|
</head>
|
|
<body class="min-h-screen bg-white dark:bg-zinc-800">
|
|
<flux:sidebar sticky stashable class="border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
|
|
<flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
|
|
|
|
<a href="{{ route('dashboard') }}" class="me-5 flex items-center space-x-2 rtl:space-x-reverse" wire:navigate>
|
|
<x-app-logo />
|
|
</a>
|
|
|
|
<flux:navlist variant="outline">
|
|
<flux:navlist.group :heading="__('Platform')" class="grid">
|
|
<flux:navlist.item icon="home" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>{{ __('Dashboard') }}</flux:navlist.item>
|
|
</flux:navlist.group>
|
|
|
|
<flux:navlist.group :heading="__('GPS Tracking')" class="grid">
|
|
<flux:navlist.item icon="device-phone-mobile" :href="route('devices.index')" :current="request()->routeIs('devices.*')" wire:navigate>{{ __('Devices') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="map" :href="route('live-tracking')" :current="request()->routeIs('live-tracking')" wire:navigate>{{ __('Live Tracking') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="map-pin" :href="route('geofences.index')" :current="request()->routeIs('geofences.*')" wire:navigate>{{ __('Geofences') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="bell" :href="route('events.index')" :current="request()->routeIs('events.*')" wire:navigate>{{ __('Events & Alerts') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="chart-bar" :href="route('reports.index')" :current="request()->routeIs('reports.*')" wire:navigate>{{ __('Reports') }}</flux:navlist.item>
|
|
</flux:navlist.group>
|
|
|
|
@can('admin panel')
|
|
<flux:navlist.group :heading="__('Administration')" class="grid">
|
|
<flux:navlist.item icon="chart-bar-square" :href="route('admin.dashboard')" :current="request()->routeIs('admin.dashboard')" wire:navigate>{{ __('Admin Dashboard') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="users" :href="route('admin.users')" :current="request()->routeIs('admin.users')" wire:navigate>{{ __('User Management') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="user-circle" :href="route('admin.drivers')" :current="request()->routeIs('admin.drivers')" wire:navigate>{{ __('Driver Management') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="command-line" :href="route('admin.commands')" :current="request()->routeIs('admin.commands')" wire:navigate>{{ __('Command Center') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="bell" :href="route('admin.notifications')" :current="request()->routeIs('admin.notifications')" wire:navigate>{{ __('Notification Center') }}</flux:navlist.item>
|
|
<flux:navlist.item icon="credit-card" :href="route('admin.subscriptions')" :current="request()->routeIs('admin.subscriptions')" wire:navigate>{{ __('Subscriptions') }}</flux:navlist.item>
|
|
</flux:navlist.group>
|
|
@endcan
|
|
</flux:navlist>
|
|
|
|
<flux:spacer />
|
|
|
|
|
|
|
|
<!-- Desktop User Menu -->
|
|
<flux:dropdown class="hidden lg:block" position="bottom" align="start">
|
|
<flux:profile
|
|
:name="auth()->user()->name"
|
|
:initials="auth()->user()->initials()"
|
|
icon:trailing="chevron-up-down"
|
|
/>
|
|
|
|
<flux:menu class="w-[220px]">
|
|
<flux:menu.radio.group>
|
|
<div class="p-0 text-sm font-normal">
|
|
<div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
|
|
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
|
|
<span
|
|
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
|
|
>
|
|
{{ auth()->user()->initials() }}
|
|
</span>
|
|
</span>
|
|
|
|
<div class="grid flex-1 text-start text-sm leading-tight">
|
|
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
|
|
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</flux:menu.radio.group>
|
|
|
|
<flux:menu.separator />
|
|
|
|
<flux:menu.radio.group>
|
|
<flux:menu.item :href="route('settings.profile')" icon="cog" wire:navigate>{{ __('Settings') }}</flux:menu.item>
|
|
</flux:menu.radio.group>
|
|
|
|
<flux:menu.separator />
|
|
|
|
<form method="POST" action="{{ route('logout') }}" class="w-full">
|
|
@csrf
|
|
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
|
|
{{ __('Log Out') }}
|
|
</flux:menu.item>
|
|
</form>
|
|
</flux:menu>
|
|
</flux:dropdown>
|
|
</flux:sidebar>
|
|
|
|
<!-- Mobile User Menu -->
|
|
<flux:header class="lg:hidden">
|
|
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
|
|
|
|
<flux:spacer />
|
|
|
|
<flux:dropdown position="top" align="end">
|
|
<flux:profile
|
|
:initials="auth()->user()->initials()"
|
|
icon-trailing="chevron-down"
|
|
/>
|
|
|
|
<flux:menu>
|
|
<flux:menu.radio.group>
|
|
<div class="p-0 text-sm font-normal">
|
|
<div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
|
|
<span class="relative flex h-8 w-8 shrink-0 overflow-hidden rounded-lg">
|
|
<span
|
|
class="flex h-full w-full items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white"
|
|
>
|
|
{{ auth()->user()->initials() }}
|
|
</span>
|
|
</span>
|
|
|
|
<div class="grid flex-1 text-start text-sm leading-tight">
|
|
<span class="truncate font-semibold">{{ auth()->user()->name }}</span>
|
|
<span class="truncate text-xs">{{ auth()->user()->email }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</flux:menu.radio.group>
|
|
|
|
<flux:menu.separator />
|
|
|
|
<flux:menu.radio.group>
|
|
<flux:menu.item :href="route('settings.profile')" icon="cog" wire:navigate>{{ __('Settings') }}</flux:menu.item>
|
|
</flux:menu.radio.group>
|
|
|
|
<flux:menu.separator />
|
|
|
|
<form method="POST" action="{{ route('logout') }}" class="w-full">
|
|
@csrf
|
|
<flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
|
|
{{ __('Log Out') }}
|
|
</flux:menu.item>
|
|
</form>
|
|
</flux:menu>
|
|
</flux:dropdown>
|
|
</flux:header>
|
|
|
|
{{ $slot }}
|
|
|
|
@fluxScripts
|
|
</body>
|
|
</html>
|