{{-- Client Detail Header Card — shared across all client/{id}/* admin pages --}}
@php
    $clientId = $companyDetails['id'] ?? '';
    $clientName = !empty($companyDetails['name']) ? $companyDetails['name'] : '—';
    $clientRoc = !empty($companyDetails['roc_no']) ? $companyDetails['roc_no'] : '—';
    $clientMaster = !empty($companyDetails['master']) ? $companyDetails['master'] : '—';
    $initials = $clientName !== '—' ? collect(explode(' ', $clientName))->map(fn($w) => mb_substr($w, 0, 1))->take(2)->implode('') : '—';
@endphp
<div class="card mb-4">
    <div class="card-body">
        <div class="d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-3">
            <div class="avatar avatar-xl">
                <span class="avatar-initial rounded-circle bg-label-primary fs-3">{{ strtoupper($initials) }}</span>
            </div>
            <div class="flex-grow-1">
                <h4 class="mb-1">{{ strtoupper($clientName) }}</h4>
                <div class="d-flex flex-wrap gap-3 mb-2">
                    <span class="text-muted d-flex align-items-center">
                        <i class="ti ti-123 ti-xs me-1"></i> {{ strtoupper($clientRoc) }}
                    </span>
                    <span class="text-muted d-flex align-items-center">
                        <i class="ti ti-building ti-xs me-1"></i> {{ strtoupper($clientMaster) }}
                    </span>
                </div>
                @if (isset($company_profiles) && count($company_profiles) > 0)
                    <div class="d-flex flex-wrap gap-2">
                        @foreach ($company_profiles as $cpf)
                            <span class="badge bg-label-{{ $cpf->outstanding_amount > 0 ? 'warning' : 'success' }}">
                                {{ $cpf->currency }} {{ number_format($cpf->outstanding_amount, 2) }}
                            </span>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>