{{-- Reusable page header --}}
@props(['title', 'pretitle' => '', 'icon' => 'ti-folder', 'backRoute' => null, 'createRoute' => null, 'createLabel' => 'إضافة جديد'])
<div class="row align-items-center">
    <div class="col">
        @if($pretitle)<div class="page-pretitle">{{ $pretitle }}</div>@endif
        <h2 class="page-title"><i class="ti {{ $icon }} ms-1"></i> {{ $title }}</h2>
    </div>
    <div class="col-auto d-flex gap-2">
        {{ $slot ?? '' }}
        @if($createRoute)
            <a href="{{ $createRoute }}" class="btn btn-primary">
                <i class="ti ti-plus ms-1"></i> {{ $createLabel }}
            </a>
        @endif
        @if($backRoute)
            <a href="{{ $backRoute }}" class="btn btn-outline-secondary">
                <i class="ti ti-arrow-right ms-1"></i> العودة
            </a>
        @endif
    </div>
</div>