@props(['title', 'items' => [], 'icon' => 'fa-file-alt'])
@php
    $onDashboard = request()->routeIs('dashboard') && ! user_can_use_dashboard_workstation();
@endphp
<div class="content-header pms-page-header">
    <div class="container-fluid">
        <div class="pms-page-header__shell">
            <div class="pms-page-header__inner">
                <div class="pms-page-header__title-wrap">
                    <div class="pms-page-header__title-row">
                        <span class="pms-page-header__icon" aria-hidden="true">
                            <i class="fas {{ $icon }}"></i>
                        </span>
                        <h1 class="pms-page-header__title">{{ $title }}</h1>
                    </div>
                </div>
                <nav class="pms-page-header__breadcrumb-wrap" aria-label="Breadcrumb">
                    <ol class="breadcrumb pms-page-header__breadcrumb mb-0">
                        @if ($onDashboard)
                            <li class="breadcrumb-item active" aria-current="page">
                                <span class="pms-page-header__crumb-text">Sindh Development Portfolio Management System</span>
                            </li>
                        @else
                            <li class="breadcrumb-item">
                                <a href="{{ route('dashboard') }}"><i class="fas fa-home" aria-hidden="true"></i><span>Dashboard</span></a>
                            </li>
                            @foreach($items as $label => $url)
                                <li class="breadcrumb-item {{ $loop->last ? 'active' : '' }}">
                                    @if($url)
                                        <a href="{{ $url }}">{{ $label }}</a>
                                    @else
                                        <span class="pms-page-header__crumb-text">{{ $label }}</span>
                                    @endif
                                </li>
                            @endforeach
                        @endif
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>