@php use App\Enums\Promise\PromiseTableColumn; @endphp

<div class="table-responsive">
    <table class="table table-hover">
        <thead class="table-light">
        <tr>
            @foreach($columns as $column)
                <th class="text-nowrap">{{ $column->label() }}</th>
            @endforeach
        </tr>
        </thead>
        <tbody>
        @forelse($promises as $promise)
            <tr wire:key="promise-{{ $promise->id }}"
                @if($promise->client)
                    onclick="window.open('{{ url('/admin/client/'.$promise->client->id) }}', '_blank')"
                    style="cursor: pointer"
                @endif
            >
                @foreach($columns as $column)
                    <td class="text-nowrap">
                        @if($column === PromiseTableColumn::STATUS)
                            <span class="badge {{ $promise->status?->badgeClass() ?? 'bg-secondary' }}">
                                {{ $column->render($promise) }}
                            </span>
                        @else
                            {{ $column->render($promise) }}
                        @endif
                    </td>
                @endforeach
            </tr>
        @empty
            <tr>
                <td colspan="{{ count($columns) }}" class="text-center text-muted">
                    {{ __('views.promise.empty') }}
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>