{{--
    Page Header Component
    ─────────────────────
    Usage:
        <x-ui.page-header
            title="Permohonan Pembiayaan"
            subtitle="Dana Bergulir Agroforestry"
            back="{{ route('applications.index') }}"
        >
            <x-slot:actions>
                <a href="{{ route('applications.create') }}" class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i> Buat Baru
                </a>
            </x-slot:actions>
        </x-ui.page-header>

    Props:
        title    string   required — judul halaman
        subtitle string   optional — sub-judul / breadcrumb hint
        back     string   optional — URL tombol back
--}}
@props([
    'title',
    'subtitle' => null,
    'back'     => null,
])

<div class="los-page-header">
    <div class="d-flex align-items-center gap-3" style="flex:1;min-width:0;">
        @if($back)
        <a href="{{ $back }}" class="los-back-btn flex-shrink-0">
            <i class="bi bi-arrow-left"></i>
        </a>
        @endif
        <div style="min-width:0;">
            <h5 class="los-title los-page-header__title">{{ $title }}</h5>
            @if($subtitle)
            <span class="los-subtitle">{{ $subtitle }}</span>
            @endif
        </div>
    </div>

    @isset($actions)
    <div class="los-page-header__actions flex-shrink-0">
        {{ $actions }}
    </div>
    @endisset
</div>