vito/resources/views/layouts/sidebar.blade.php

<aside
    id="logo-sidebar"
    class="fixed left-0 top-0 z-40 h-screen w-64 -translate-x-full border-r border-gray-200 bg-white pt-20 transition-transform dark:border-gray-700 dark:bg-gray-800 sm:translate-x-0"
    aria-label="Sidebar"
>
    <div class="h-full overflow-y-auto bg-white px-3 pb-4 dark:bg-gray-800">
        <ul class="space-y-2 font-medium">
            <li x-data="">
                @include("layouts.partials.project-select")
            </li>
            <x-hr />
            <li>
                @include("layouts.partials.server-select")
            </li>
            <x-hr />
            @if (isset($server))
                <li>
                    <x-sidebar-link
                        :href="route('servers.show', ['server' => $server])"
                        :active="request()->routeIs('servers.show')"
                    >
                        <x-heroicon name="o-home" class="h-6 w-6" />
                        <span class="ml-2">Overview</span>
                    </x-sidebar-link>
                </li>
                @if ($server->webserver())
                    <li>
                        <x-sidebar-link
                            :href="route('servers.sites', ['server' => $server])"
                            :active="request()->routeIs('servers.sites') || request()->is('servers/*/sites/*')"
                        >
                            <x-heroicon name="o-globe-alt" class="h-6 w-6" />
                            <span class="ml-2">
                                {{ __("Sites") }}
                            </span>
                        </x-sidebar-link>
                    </li>
                @endif

                @if ($server->database())
                    <li>
                        <x-sidebar-link
                            :href="route('servers.databases', ['server' => $server])"
                            :active="request()->routeIs('servers.databases') ||
                            request()->routeIs('servers.databases.backups')"
                        >
                            <x-heroicon name="o-circle-stack" class="h-6 w-6" />
                            <span class="ml-2">
                                {{ __("Databases") }}
                            </span>
                        </x-sidebar-link>
                    </li>
                @endif

                @if ($server->php())
                    <li>
                        <x-sidebar-link
                            :href="route('servers.php', ['server' => $server])"
                            :active="request()->routeIs('servers.php')"
                        >
                            <x-heroicon name="o-code-bracket" class="h-6 w-6" />
                            <span class="ml-2">
                                {{ __("PHP") }}
                            </span>
                        </x-sidebar-link>
                    </li>
                @endif

                @if ($server->firewall())
                    <li>
                        <x-sidebar-link
                            :href="route('servers.firewall', ['server' => $server])"
                            :active="request()->routeIs('servers.firewall')"
                        >
                            <x-heroicon name="o-fire" class="h-6 w-6" />
                            <span class="ml-2">
                                {{ __("Firewall") }}
                            </span>
                        </x-sidebar-link>
                    </li>
                @endif

                <li>
                    <x-sidebar-link
                        :href="route('servers.cronjobs', ['server' => $server])"
                        :active="request()->routeIs('servers.cronjobs')"
                    >
                        <x-heroicon name="o-clock" class="h-6 w-6" />
                        <span class="ml-2">
                            {{ __("Cronjobs") }}
                        </span>
                    </x-sidebar-link>
                </li>

                <li>
                    <x-sidebar-link
                        :href="route('servers.ssh-keys', ['server' => $server])"
                        :active="request()->routeIs('servers.ssh-keys')"
                    >
                        <x-heroicon name="o-key" class="h-6 w-6" />
                        <span class="ml-2">
                            {{ __("Server SSH Keys") }}
                        </span>
                    </x-sidebar-link>
                </li>

                <li>
                    <x-sidebar-link
                        :href="route('servers.services', ['server' => $server])"
                        :active="request()->routeIs('servers.services')"
                    >
                        <x-heroicon name="o-cog-6-tooth" class="h-6 w-6" />
                        <span class="ml-2">
                            {{ __("Services") }}
                        </span>
                    </x-sidebar-link>
                </li>

                <li>
                    <x-sidebar-link
                        :href="route('servers.settings', ['server' => $server])"
                        :active="request()->routeIs('servers.settings')"
                    >
                        <x-heroicon name="o-wrench-screwdriver" class="h-6 w-6" />
                        <span class="ml-2">
                            {{ __("Settings") }}
                        </span>
                    </x-sidebar-link>
                </li>

                <li>
                    <x-sidebar-link
                        :href="route('servers.logs', ['server' => $server])"
                        :active="request()->routeIs('servers.logs')"
                    >
                        <x-heroicon name="o-square-3-stack-3d" class="h-6 w-6" />
                        <span class="ml-2">
                            {{ __("Logs") }}
                        </span>
                    </x-sidebar-link>
                </li>
                <x-hr />
            @endif

            <li>
                <x-sidebar-link :href="route('profile')" :active="request()->routeIs('profile')">
                    <x-heroicon name="o-user-circle" class="h-6 w-6" />
                    <span class="ml-2">Profile</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link :href="route('projects')" :active="request()->routeIs('projects')">
                    <x-heroicon name="o-inbox-stack" class="h-6 w-6" />
                    <span class="ml-2">Projects</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link :href="route('server-providers')" :active="request()->routeIs('server-providers')">
                    <x-heroicon name="o-server-stack" class="h-6 w-6" />
                    <span class="ml-2">Server Providers</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link :href="route('source-controls')" :active="request()->routeIs('source-controls')">
                    <x-heroicon name="o-code-bracket" class="h-6 w-6" />
                    <span class="ml-2">Source Controls</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link :href="route('storage-providers')" :active="request()->routeIs('storage-providers')">
                    <x-heroicon name="o-circle-stack" class="h-6 w-6" />
                    <span class="ml-2">Storage Providers</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link
                    :href="route('notification-channels')"
                    :active="request()->routeIs('notification-channels')"
                >
                    <x-heroicon name="o-bell" class="h-6 w-6" />
                    <span class="ml-2">Notification Channels</span>
                </x-sidebar-link>
            </li>
            <li>
                <x-sidebar-link :href="route('ssh-keys')" :active="request()->routeIs('ssh-keys')">
                    <x-heroicon name="o-key" class="h-6 w-6" />
                    <span class="ml-2">SSH Keys</span>
                </x-sidebar-link>
            </li>
        </ul>
    </div>
</aside>