@props([
    'title' => '',
    'pretitle' => null,
    'breadcrumbs' => [],     // [['label' => '...', 'href' => '...'], ...]
    'actions' => null,
])

<div class="page-header d-print-none">
    <div class="row g-2 align-items-center">
        <div class="col">
            @if($pretitle)<div class="page-pretitle">{{ $pretitle }}</div>@endif
            <h2 class="page-title">{{ $title }}</h2>

            @if(! empty($breadcrumbs))
                <ol class="breadcrumb breadcrumb-arrows mt-1" aria-label="breadcrumbs">
                    @foreach($breadcrumbs as $i => $crumb)
                        <li class="breadcrumb-item {{ $i === count($breadcrumbs) - 1 ? 'active' : '' }}">
                            @if(! empty($crumb['href']) && $i !== count($breadcrumbs) - 1)
                                <a href="{{ $crumb['href'] }}">{{ $crumb['label'] }}</a>
                            @else
                                {{ $crumb['label'] }}
                            @endif
                        </li>
                    @endforeach
                </ol>
            @endif
        </div>

        @if($actions)
            <div class="col-auto ms-auto d-print-none">
                <div class="btn-list">{{ $actions }}</div>
            </div>
        @endif
    </div>
</div>