@props(['items' => null])

@php
  $trail = $items ?? \App\Services\BreadcrumbService::generate();
  $jsonLd = \App\Services\BreadcrumbService::getJsonLd($trail);
@endphp

@if(!empty($trail) && count($trail) > 0)
  <nav aria-label="breadcrumb" class="zh-breadcrumb-nav">
    <ol class="zh-breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
      @foreach($trail as $item)
        @if($loop->last)
          <li class="zh-breadcrumb-item active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
            <span itemprop="name" class="zh-breadcrumb-current">{{ $item['title'] }}</span>
            <meta itemprop="position" content="{{ $loop->iteration }}" />
          </li>
        @else
          <li class="zh-breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <a href="{{ $item['url'] ?? '#' }}" itemprop="item" class="zh-breadcrumb-link">
              @if(!empty($item['icon']))
                <i class="{{ $item['icon'] }} zh-breadcrumb-icon"></i>
              @endif
              <span itemprop="name">{{ $item['title'] }}</span>
            </a>
            <meta itemprop="position" content="{{ $loop->iteration }}" />
          </li>
          <li class="zh-breadcrumb-separator" aria-hidden="true">
            <i class="fas fa-chevron-right"></i>
          </li>
        @endif
      @endforeach
    </ol>
  </nav>

  @if(!empty($jsonLd))
    <script type="application/ld+json">
      {!! $jsonLd !!}
    </script>
  @endif
@endif