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

<div x-data="{ deleteApplication: false }">
    <x-naked-modal show="deleteApplication" />
    @if ($application->status === 'running')
        <x-inputs.button wire:click='start'>Rebuild</x-inputs.button>
        <x-inputs.button wire:click='forceRebuild'>Force Rebuild</x-inputs.button>
        <x-inputs.button wire:click='stop'>Stop</x-inputs.button>
    @else
        <x-inputs.button wire:click='start'>Start</x-inputs.button>
        <x-inputs.button wire:click='forceRebuild'>Start (no cache)</x-inputs.button>
    @endif
    <x-inputs.button isWarning x-on:click.prevent="deleteApplication = true">
        Delete</x-inputs.button>
    <span wire:poll.5000ms='pollingStatus'>
        @if ($application->status === 'running')
            @if (data_get($application, 'ports_mappings_array'))
                @foreach ($application->ports_mappings_array as $port)
                    @if (config('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 }}:{{ explode(':', $port)[0] }}">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>