{{-- Breadcrumb Section --}}
<div class="container {{ isset($class) ? $class : '' }} capitalize">
    <ol class="breadcrumb text_1 py-2 mb-0 font-16 ">
        @foreach ($pages as $page)
            <li class="breadcrumb-item p-0" id="{{ isset($page['id']) ? $page['id'] : '' }}"><a aria-label="go to {{ ucwords($page['title']) }} page" href="{{$page['route']}}"   class="{{ $page['color'] }}" > {{ucwords($page['title'])}} </a></li>
        @endforeach

    </ol>
</div>


@push('breadcrumb-schema')
<!-- Microdata for Breadcrumb -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    @foreach ($pages as $index => $page)
    {
      "@type": "ListItem",
      "position": {{ $index + 1 }},
      "name": "{{ ucwords($page['title']) }}",
      "item": "{{ $page['route'] }}"
    }{{ $index < count($pages) - 1 ? ',' : '' }}
    @endforeach
  ]
}
</script>
@endpush