<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h2 class="mb-0 display-6">{{ $slot }}</h2>

            <div class="page-title-right d-flex flex-wrap align-items-center gap-2">
                @isset($breadcrumbs)
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a wire:navigate href="{{ route('dashboard') }}">Home</a></li>
                    @foreach($breadcrumbs as $index => $breadcrumb)
                    <li class="breadcrumb-item @if(($index + 1) == count($breadcrumbs)) active @endif"><a wire:navigate href="{{ $breadcrumb['link'] }}">{{ $breadcrumb['title'] }}</a></li>
                    @endforeach
                </ol>
                @endif

                @isset($buttons)
                    <div class="d-flex flex-wrap gap-2">
                        {{ $buttons }}
                    </div>
                @endif
            </div>

        </div>
    </div>
</div>