@php
$breadcrumb = bootstrap()->getBreadcrumb();
@endphp

<!--begin::Page title-->
<div class="page-title d-flex flex-column me-5">
    <!--begin::Title-->
    <h1 class="d-flex flex-column text-dark fw-bolder fs-3 mb-0">
        @yield('page_title')
    </h1>
    <!--end::Title-->
    <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 pt-1">
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">
            <a href="{{ route('panel.dashboard') }}" class="text-muted text-hover-primary">Dashboard</a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item">
            <span class="bullet bg-gray-200 w-5px h-2px"></span>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">@yield('page_title')</li>
        <!--end::Item-->
    </ul>
    @if ( !empty($breadcrumb) )
    <!--begin::Breadcrumb-->
    <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 pt-1">
        @foreach ($breadcrumb as $item)
        <!--begin::Item-->
        @if ( $item['active'] === true )
        <li class="breadcrumb-item text-dark">
            {{ $item['title'] }}
        </li>
        @else
        <li class="breadcrumb-item text-muted">
            @if ( ! empty($item['path']) )
            <a href="{{ theme()->getPageUrl($item['path']) }}" class="text-muted text-hover-primary">
                {{ $item['title'] }}
            </a>
            @else
            {{ $item['title'] }}
            @endif
        </li>
        @endif
        <!--end::Item-->
        @if (next($breadcrumb))
        <!--begin::Item-->
        <li class="breadcrumb-item">
            <span class="bullet bg-gray-200 w-5px h-2px"></span>
        </li>
        <!--end::Item-->
        @endif
        @endforeach
    </ul>
    <!--end::Breadcrumb-->
    @endif
</div>
<!--end::Page title-->