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

<div class="d-flex flex-wrap align-items-start justify-content-between gap-2 mb-3">
    <div>
        @if ($back)
            <a href="{{ $back }}" class="btn btn-sm btn-link px-0 text-decoration-none mb-1">
                <i class="bi bi-arrow-left"></i> Back
            </a>
        @endif
        <h1 class="xrt-page-title">{{ $title }}</h1>
        @if ($subtitle)
            <div class="xrt-meta">{{ $subtitle }}</div>
        @endif
    </div>

    <div class="d-flex flex-wrap gap-2">
        {{ $actions ?? '' }}
    </div>
</div>