<div class="card shadow-sm border-0">
    <div class="card-body">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h5 class="text-muted fw-bold mb-0">DSARs</h5>
            <div class="text-end">
                @if($client->claim()->exists())
                    <span class="fw-bold text-dark">{{ $client?->claim?->dsars()->where('status', 'completed')->count() }}</span>
                    <span class="text-muted small">/ {{ $client?->claim?->dsars()->count() }}</span>
                @endif
            </div>
        </div>

        @if($client->claim()->exists())
            <div class="table-responsive">
                <x-dsar.list :dsars="$client?->claim?->dsars"/>
            </div>
        @endif
    </div>
</div>
