@props([
    'title',
    'subtitle' => null,
    'crumbs' => [],
])

<div {{ $attributes->class(['ci-page', 'ci-page--report']) }}>
    @if (count($crumbs))
        <nav class="ci-crumb" aria-label="Breadcrumb">
            @foreach ($crumbs as $i => $crumb)
                @if ($i > 0)<span class="ci-crumb__sep">/</span>@endif
                @php
                    $label = is_array($crumb) ? ($crumb['label'] ?? '') : (string) $crumb;
                    $url = is_array($crumb) ? ($crumb['url'] ?? null) : null;
                    $isLast = $i === array_key_last($crumbs);
                @endphp
                @if ($url && ! $isLast)
                    <a href="{{ $url }}">{{ $label }}</a>
                @else
                    <span @class(['ci-crumb__current' => $isLast])>{{ $label }}</span>
                @endif
            @endforeach
        </nav>
    @else
        <nav class="ci-crumb" aria-label="Breadcrumb">
            <span>Reports</span>
            <span class="ci-crumb__sep">/</span>
            <span class="ci-crumb__current">{{ $title }}</span>
        </nav>
    @endif

    <div class="ci-header">
        <div>
            <h1>{{ $title }}</h1>
            @if ($subtitle)
                <p class="ci-header__sub">{{ $subtitle }}</p>
            @endif
        </div>
        @isset($actions)
            <div class="ci-header__actions">
                {{ $actions }}
            </div>
        @endisset
    </div>

    {{ $slot }}
</div>