@php
$breadcrumb = $breadcrumb ?? [];
@endphp
<nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl" id="navbarBlur" data-scroll="false">
    <div class="container-fluid py-1 px-3 d-block">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-8">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
                        @foreach($breadcrumb as $item)
                        @if (isset($item['url']) && $loop->last === false)
                        <li class="breadcrumb-item  active">
                            <a class="text-dark" href="{{ $item['url'] }}">{{ $item['label'] }}</a>
                        </li>
                        @else
                        <li class="breadcrumb-item active" aria-current="page">
                            {{ $item['label'] }}
                        </li>
                        @endif
                        @endforeach
                    </ol>
                    <h6 class="font-weight-bolder text-dark mb-0">@yield('title', '')</h6>
                </nav>
            </div>
            <div class="col-lg-8 col-md-6 col-4">
                <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
                    <div class="ms-md-auto pe-md-3 d-flex align-items-center"></div>
                    <ul class="navbar-nav justify-content-end mobo-menu">
                        <li class="nav-item d-flex align-items-center">
                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <a href="logout" class="nav-link text-dark font-weight-bold px-0" onclick="event.preventDefault();
                                    this.closest('form').submit();">
                                    <i class="fas fa-sign-out"></i>
                                    <span class="d-sm-inline d-none">Log out</span>
                                </a>
                            </form>
                        </li>
                        <li class="nav-item d-xl-none ps-3 d-flex align-items-center">
                            <a href="javascript:;" class="nav-link text-dark p-0" id="iconNavbarSidenav">
                                <div class="sidenav-toggler-inner">
                                    <i class="sidenav-toggler-line bg-black"></i>
                                    <i class="sidenav-toggler-line bg-black"></i>
                                    <i class="sidenav-toggler-line bg-black"></i>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>