lasthourcloud/resources/views/livewire/destination/show.blade.php

<div>
    <div class="flex items-end gap-2">
        <h1>Destinations</h1>
        <a href="{{ route('destination.new', ['server_id' => $server->id]) }}">
            <x-forms.button>Add a new destination</x-forms.button>
        </a>
        <x-forms.button wire:click='scan'>Scan destinations on the server</x-forms.button>
    </div>
    <div class="pt-2 pb-6 text-sm">Destinations are used to segregate resources by network.</div>
    <div class="flex gap-2 text-sm">
        Available for using:
        @forelse ($server->standaloneDockers as $docker)
            <a href="{{ route('destination.show', ['destination_uuid' => data_get($docker, 'uuid')]) }}">
                <button class="text-white btn-link">{{ data_get($docker, 'network') }} </button>
            </a>
        @empty
            <div class="text-sm">N\A</div>
        @endforelse
    </div>
    <div class="grid gap-2 pt-2">
        @if (count($networks) > 0)
            <h3>Scanned available Destinations</h3>
        @endif
        @foreach ($networks as $network)
            <div class="flex gap-2 text-sm w-96">
                <div class="w-32">{{ data_get($network, 'Name') }}</div>
                <a
                    href="{{ route('destination.new', ['server_id' => $server->id, 'network_name' => data_get($network, 'Name')]) }}">
                    <x-forms.button>Add to Coolify</x-forms.button>
                </a>
            </div>
        @endforeach
    </div>
</div>