<div>
    <div class="card shadow-sm mb-3">
        <div class="card-body">
            <h5 class="card-title mb-3">
                <span class="badge bg-primary me-2">HA</span> HA Claim
            </h5>

            @if($claim)
                <div class="table-responsive">
                    <table class="table table-sm table-centered mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Case #</th>
                                <th>Claim ID</th>
                                <th>Redress Type</th>
                                <th>Status</th>
                                <th class="text-end"></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ $claim->case_number ?? '—' }}</td>
                                <td>{{ $claim->claim_id ?? '—' }}</td>
                                <td>{{ $claim->redress_type ?? '—' }}</td>
                                <td>
                                    @if($claim->status)
                                        <span class="badge" style="background-color: {{ $claim->status->colour ?? '#6c757d' }}">
                                            {{ $claim->status->display_name }}
                                        </span>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <a href="{{ route('ha-claims.show', $client) }}"
                                       class="text-primary" title="View Claim">
                                        <i class="mdi mdi-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted small mb-0">No HA claim on record.</p>
            @endif
        </div>
    </div>
</div>
