@props([
    'resource' => null,
    'icon' => null,
    'eyebrow' => null,
    'title' => null,
    'description' => null,
    'headingLevel' => 1,
    'backHref' => null,
    'backLabel' => null,
    'compact' => false,
    'variant' => 'default',
])

@php
    $backLabel = $backLabel ?: __('kview-ui-core::ui.common.back');
    $variant = in_array($variant, ['default', 'detail'], true) ? $variant : 'default';
    $hasBreadcrumbs = isset($breadcrumbs) && trim((string) $breadcrumbs) !== '';
    $hasActions = isset($actions) && trim((string) $actions) !== '';
@endphp

<header {{ $attributes->class([
    'ui-page-header',
    'ui-page-header--'.$variant,
    'ui-page-header--compact' => $compact,
]) }}>
    @if ($hasBreadcrumbs || $backHref)
        <div class="ui-page-header__navigation">
            @if ($hasBreadcrumbs)
                {{ $breadcrumbs }}
            @else
                <a href="{{ $backHref }}" class="ui-page-header__back">
                    <x-ui.icon name="chevron-left" size="15" />
                    <span>{{ $backLabel }}</span>
                </a>
            @endif
        </div>
    @endif

    <div class="ui-page-header__main">
        <x-ui.resource-heading
            class="ui-page-header__heading"
            :resource="$resource"
            :icon="$icon"
            :eyebrow="$eyebrow"
            :title="$title"
            :description="$description"
            :heading-level="$headingLevel"
        />

        @if ($hasActions)
            <div class="ui-page-header__actions">{{ $actions }}</div>
        @endif
    </div>
</header>