@props([
    'breadcrumbs' => [],
    'active' => null,
    'homeMenu' => null,
])

<section class="no-padding">
    @if (count($breadcrumbs) > 0)
        <nav class="breadcrumb-container">
            <div class="container">
                <ul class="breadcrumb">
                    {{-- <li class="breadcrumb-item">
                        <a href="{{ $homeMenu['url'] ?? route('frontend.index') }}">{!! $homeMenu['name'] ?? 'หน้าหลัก' !!}</a>
                    </li> --}}

                    @foreach ($breadcrumbs as $key => $breadcrumb)
                        <li class="breadcrumb-item {{ $key == $active ? 'active' : '' }}">
                            @if ($loop->last)
                                <div class="text-dark font-bold">{!! $breadcrumb['name'] ?? "" !!}</div>
                            @else
                                <a href="{{ $breadcrumb['url'] ?? '#' }}">{!! $breadcrumb['name'] ?? "" !!}</a>
                            @endif
                        </li>
                    @endforeach
                </ul>
            </div>
        </nav>
    @endif
</section>