<div>
    <x-slot:title>
        Proxy Configuration | Coolify
    </x-slot>
    <livewire:server.navbar :server="$server" />
    <div
        class="server-settings-workspace application-settings-workspace mt-4 grid w-full max-w-[1180px] min-w-0 gap-8 lg:mt-0 xl:grid-cols-[210px_minmax(0,1fr)] xl:gap-10">
        <x-server.sidebar :server="$server" activeMenu="proxy" activeSubMenu="configuration" />
        @if ($server->isFunctional())
            <div class="w-full">
                <livewire:server.proxy :server="$server" />
            </div>
        @else
            <div class="application-settings-form w-full">
                <x-application.settings-section title="Proxy"
                    helper="Configure the reverse proxy for this server.">
                    <x-empty size="sm" title="Server validation required"
                        description="Validate this server before configuring its proxy."
                        icon-name="servers" />
                </x-application.settings-section>
            </div>
        @endif
    </div>
</div>
