@php
    $providerName = $provider?->business_name ?: ($provider?->name ?: 'Provider');
    $providerInitial = strtoupper(substr($providerName, 0, 1));
    $kicker = $kicker ?? 'Provider dashboard';
    $title = $title ?? $providerName;
    $description = $description ?? null;
    $actionUrl = $actionUrl ?? null;
    $actionIcon = $actionIcon ?? null;
    $actionLabel = $actionLabel ?? null;
    $icon = $icon ?? null;
    $status = $status ?? null;
@endphp

<section class="dashboard-hero provider-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">{{ $providerInitial }}</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 ($status || ($actionUrl && $actionLabel) || $icon)
            <div class="col-lg-auto">
                <div class="dashboard-hero-actions">
                    @if ($status)
                        {!! $status !!}
                    @endif
                    @if ($icon)
                        <div class="dashboard-hero-icon"><span class="material-symbols-outlined">{{ $icon }}</span></div>
                    @endif
                    @if ($actionUrl && $actionLabel)
                        <a class="btn btn-brand px-4 py-3" href="{{ $actionUrl }}">
                            @if ($actionIcon)
                                <span class="material-symbols-outlined">{{ $actionIcon }}</span>
                            @endif
                            {{ $actionLabel }}
                        </a>
                    @endif
                </div>
            </div>
        @endif
    </div>
</section>