construprogress/resources/views/livewire/phase-list.blade.php

<div>
    @if(session()->has('message'))
        <div class="alert alert-success mb-2">{{ session('message') }}</div>
    @endif
    <table class="table table-sm">
        <thead>
            <tr><th>{{ __('Name') }}</th><th>{{ __('Progress') }}</th><th>{{ __('Color') }}</th><th>{{ __('Actions') }}</th></tr>
        </thead>
        <tbody>
            @foreach($phases as $phase)
                <tr>
                    <td>{{ $phase->name }}</td>
                    <td>
                        <div class="w-32 bg-gray-200 rounded-full h-2">
                            <div class="bg-primary h-2 rounded-full" style="width: {{ $phase->progress_percent }}%"></div>
                        </div>
                        {{ $phase->progress_percent }}%
                    </td>
                    <td><div class="w-6 h-6 rounded" style="background: {{ $phase->color }}"></div></td>
                    <td>
                        <a href="{{ route('phases.progress', $phase) }}" class="btn btn-xs btn-info">{{ __('Update') }}</a>
                        <button wire:click="deletePhase({{ $phase->id }})" class="btn btn-xs btn-error">{{ __('Delete') }}</button>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <button wire:click="addPhase" class="btn btn-sm btn-secondary mt-2">+ {{ __('Add Phase') }}</button>
</div>