@php
    $assetPath = fn (string $path) => asset('frontend/' . ltrim($path, '/'));
    $crumbTitle = $title ?? 'Page';
    $crumbHomeLabel = $homeLabel ?? 'Home';
    $crumbHomeUrl = $homeUrl
        ?? (Route::has('frontend.home') ? route('frontend.home') : route('home'));
@endphp

<section class="tv-breadcrumb-section">
    <div class="tv-breadcrumb-inner mx-30 ml-mx-0 position-relative overflow-hidden br-30 ml-br-0">
        <div class="bg image"><img src="{{ $assetPath('images/bg-img/breadcrumb.webp') }}" alt="{{ $crumbTitle }}"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="title-outer">
                        <div class="page-title">
                            <h2 class="title">{{ $crumbTitle }}</h2>
                            <ul class="page-breadcrumb">
                                <li><a href="{{ $crumbHomeUrl }}"><i class="fa-solid fa-house-chimney"></i>{{ $crumbHomeLabel }}</a></li>
                                <li><span>/</span> {{ $crumbTitle }}</li>
                            </ul>
                        </div>
                        <div class="image-box md-d-none">
                            <div class="shapes">
                                <div class="shape shape-1"><img src="{{ $assetPath('images/shapes/circle.webp') }}" alt=""></div>
                                <div class="shape shape-2 spin2"><img src="{{ $assetPath('images/shapes/star.webp') }}" alt=""></div>
                                <div class="shape shape-3"><img src="{{ $assetPath('images/shapes/snake.webp') }}" alt=""></div>
                                <div class="shape shape-4 jump3"><img src="{{ $assetPath('images/shapes/doot.webp') }}" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>