@if(isset($breadcrumbs) && count($breadcrumbs))
    <ul itemscope="" itemtype="https://schema.org/BreadcrumbList" class="breadcrumb breadcrumb-filter">
        @foreach($breadcrumbs as $item)
            @if(isset($item['title']) && isset($item['link']))
                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"
                    class="breadcrumb-item">
                    <a style="color: #1675db;font-size: small;" itemscope="" itemtype="https://schema.org/Thing" itemprop="item" itemid="{{ $item['link'] }}" href="{{ $item['link'] }}"
                       title="{{ $item['title'] }}">
                        <span itemprop="name">{{ $item['title'] }}</span>
                    </a>
                    <meta itemprop="position" content="{{ $loop->iteration }}">
                </li>
            @endif
<!--             @if(isset($item['title']) && empty($item['link']))
                <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"
                    class="breadcrumb-item">
                    <div class="bread-item-last" itemscope="" itemtype="https://schema.org/Thing" itemprop="item" itemid="{{ url(Request::path()) }}" title="{{ $item['title'] }}">
                        <span itemprop="name">{{ $item['title'] }}</span>
                    </div>
                    <meta itemprop="position" content="{{ $loop->iteration }}">
                </li>
            @endif -->
        @endforeach
    </ul>

    <style>
        .breadcrumb-item:last-child .bread-item-last {
            color: #999;
            display: flex;
            font-size: 14px;
            font-family: 'Raleway Regular';
            align-items: center;
        }

        .breadcrumb-item {
            display: flex;
        }

        .breadcrumb {
            align-items: center;
        }

        .breadcrumb-item+.breadcrumb-item::before {
            top: -2px;
            position: relative;
        }
    </style>
@endif