@extends('layouts.admin')
@section('title', $reportTitle ?? $hubTitle ?? 'Module')
@section('page-title', '')

@section('page-header')
@endsection

@section('content')
<div class="billing-module-hub" data-module-hub>
    <div class="hub-mobile-bar">
        <button type="button" class="btn btn-light btn-sm border" data-hub-toggle>
            <i class="ri-menu-line me-1"></i> {{ $hubTitle }} menu
        </button>
    </div>
    <div class="hub-sidebar-backdrop" data-hub-backdrop></div>

    <div class="row g-3">
        <div class="col-lg-3 col-xl-2 hub-sidebar-col" data-hub-sidebar>
            @include('partials.admin.module-hub.sidebar', [
                'hubTitle' => $hubTitle,
                'hubIcon' => $hubIcon ?? 'ri-bar-chart-box-line',
                'hubMenu' => $hubMenu,
                'activeKey' => $activeKey ?? $activeReport ?? null,
                'hubHomeRoute' => $hubHomeRoute ?? null,
                'hubHomeLabel' => $hubHomeLabel ?? null,
                'hubHomeIcon' => $hubHomeIcon ?? null,
                'hubHomeActive' => $hubHomeActive ?? 'index',
            ])
        </div>
        <div class="col-lg-9 col-xl-10 hub-content-col">
            <div class="hub-content">
                @yield('hub_content')
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<link href="{{ asset('css/billing-module-hub.css') }}" rel="stylesheet">
@endpush

@push('scripts')
<script src="{{ asset('js/module-hub.js') }}" defer></script>
@endpush