@php
    $customerName = $customer?->name ?: 'Customer';
    $customerInitial = strtoupper(substr($customerName, 0, 1));
    $kicker = $kicker ?? 'Customer dashboard';
    $title = $title ?? $customerName;
    $description = $description ?? null;
    $actionUrl = $actionUrl ?? null;
    $actionIcon = $actionIcon ?? null;
    $actionLabel = $actionLabel ?? null;
@endphp

<section class="dashboard-hero customer-dashboard-hero mb-4">
    <div class="row g-4 align-items-center">
        <div class="col-lg">
            <div class="d-flex align-items-center gap-3">
                <div class="dashboard-avatar">{{ $customerInitial }}</div>
                <div class="min-w-0">
                    <p class="dashboard-kicker mb-1">{{ $kicker }}</p>
                    <h1 class="dashboard-title mb-1">{{ $title }}</h1>
                    @if ($description)
                        <p class="muted mb-0">{{ $description }}</p>
                    @endif
                </div>
            </div>
        </div>
        @if ($actionUrl && $actionLabel)
            <div class="col-lg-auto">
                <div class="dashboard-hero-actions">
                    <a class="btn btn-brand px-4 py-3" href="{{ $actionUrl }}">
                        @if ($actionIcon)
                            <span class="material-symbols-outlined">{{ $actionIcon }}</span>
                        @endif
                        {{ $actionLabel }}
                    </a>
                </div>
            </div>
        @endif
    </div>
</section>