lasthourcloud/resources/views/livewire/project/application/deploy.blade.php

<div>
    <button class="bg-red-500" @confirm.window="$wire.delete()"
        x-on:click="toggleConfirmModal('Are you sure you would like to delete this application?')">
        Delete</button>
    @if ($application->status === 'running')
        <button wire:click='start'>Restart</button>
        <button wire:click='forceRebuild'>Force Rebuild</button>
    @else
        <button wire:click='start'>Start</button>
        <button wire:click='forceRebuild'>Start (no cache)</button>
    @endif
    <button wire:click='stop'>Stop</button>
    <span wire:poll.5000ms='pollingStatus'>
        @if ($application->status === 'running')
            @if (data_get($application, 'fqdn'))
                <a target="_blank" href="{{ data_get($application, 'fqdn') }}">Open URL</a>
            @endif

            @if (data_get($application, 'ports_mappings_array'))
                @foreach ($application->ports_mappings_array as $port)
                    @if (env('APP_ENV') === 'local')
                        <a target="_blank" href="http://localhost:{{ explode(':', $port)[0] }}">Open
                            {{ explode(':', $port)[0] }}</a>
                    @else
                        <a target="_blank"
                            href="http://{{ $application->destination->server->ip }}:{{ $port }}">Open
                            {{ $port }}</a>
                    @endif
                @endforeach
            @endif
            <span class="text-xs text-pink-600" wire:loading.delay.longer>Loading current status...</span>
            <span class="text-green-500" wire:loading.remove.delay.longer>{{ $application->status }}</span>
        @else
            <span class="text-xs text-pink-600" wire:loading.delay.longer>Loading current status...</span>
            <span class="text-red-500" wire:loading.remove.delay.longer>{{ $application->status }}</span>
        @endif

    </span>
</div>