@props([
    'title' => '',
    'breadcrumb' => [],
    'bg' => 'website/images/inner-banner/01.jpg',
])

@php
    // Use admin-uploaded inner banner if set, otherwise fall back to the $bg prop (or default)
    $bannerUrl = ($settings && $settings->inner_banner_path)
        ? asset('storage/' . $settings->inner_banner_path)
        : asset($bg);
@endphp

<section class="inner-banner bg-overlay-black-6 bg-holder" style="background-image: url('{{ $bannerUrl }}');">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="inner-banner-tittle">
                    <h2>{{ $title }}</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('site.home') }}">Home</a></li>
                        @foreach($breadcrumb as $item)
                            @if(!empty($item['url']))
                                <li class="breadcrumb-item"><a href="{{ $item['url'] }}">{{ $item['label'] }}</a></li>
                            @else
                                <li class="breadcrumb-item active">{{ $item['label'] }}</li>
                            @endif
                        @endforeach
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>