lasthourcloud/resources/views/components/server/navbar.blade.php

<div class="pb-6">
    <div class="flex items-center gap-2">
        <h1>Server</h1>
        <livewire:server.proxy.status :server="$server" />
    </div>
    <div class="pt-2 pb-10 ">{{ data_get($server, 'name') }}</div>
    <nav class="navbar-main">
        <a class="{{ request()->routeIs('server.show') ? 'text-white' : '' }}"
            href="{{ route('server.show', [
                'server_uuid' => Route::current()->parameters()['server_uuid'],
            ]) }}">
            <button>General</button>
        </a>
        <a class="{{ request()->routeIs('server.private-key') ? 'text-white' : '' }}"
            href="{{ route('server.private-key', [
                'server_uuid' => Route::current()->parameters()['server_uuid'],
            ]) }}">
            <button>Private Key</button>
        </a>
        <a class="{{ request()->routeIs('server.proxy') ? 'text-white' : '' }}"
            href="{{ route('server.proxy', [
                'server_uuid' => Route::current()->parameters()['server_uuid'],
            ]) }}">
            <button>Proxy</button>
        </a>
        <a class="{{ request()->routeIs('server.destinations') ? 'text-white' : '' }}"
            href="{{ route('server.destinations', [
                'server_uuid' => Route::current()->parameters()['server_uuid'],
            ]) }}">
            <button>Destinations</button>
        </a>
        <div class="flex-1"></div>
        <livewire:server.proxy.deploy :server="$server" />
    </nav>
</div>