#set($deliverytype = $lg.deliverytype)
<div class="row g-0 min-vh-100">

	<!-- Sidebar -->
	<div class="col-md-2 bg-light border-end p-4">
		<div data-live-match="classbox" class="text-center p-3 bg-white rounded shadow-sm border mb-4">
			<a href="$apphome/classes/${lg.id}/index.html" class="d-inline-block text-decoration-none mb-2">
				#set($featureimage = $mediaarchive.getAsset($lg.classbanner))
				#if($featureimage)
					#set($thumb = $mediaarchive.asLinkToPreview($featureimage, "image300x300.webp"))
					<img src="$thumb" alt="$lg" class="rounded-circle border bg-light shadow-sm mx-auto" style="width: 96px; height: 96px; object-fit: cover;">
				#else
					<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center shadow-sm mx-auto" style="width: 96px; height: 96px;">
						<span class="fw-bold fs-2">$lg.name.substring(0,1)</span>
					</div>
				#end
			</a>
			<div>
				<div class="fw-bold fs-5 mt-2">$lg</div>
			</div>
		</div>

		<hr class="my-4">
		$pages.include("$apphome/classes/${lg.id}/classmenu.html")
	</div>

	<!-- Main Content -->
	<div class="col-md-10 p-0 shadow-lg d-flex flex-column">
		<nav class="navbar navbar-expand-md navbar-light bg-light border-bottom shadow-sm w-100 flex-shrink-0">
			<div class="container-fluid px-3 d-flex align-items-center">
				<nav aria-label="breadcrumb" class="me-3 mb-0">
					<ol class="breadcrumb breadcrumb-chevron bg-light rounded-0 py-2 px-0 mb-0">
						<li class="breadcrumb-item">
							<a class="link-body-emphasis" href="$apphome/classes/${lg.id}/index.html">
								<i class="bi bi-house-door-fill me-1"></i>
								<span class="visually-hidden">Pod Home</span>
							</a>
						</li>
						<li class="breadcrumb-item active" aria-current="page"><strong>$lg.name</strong></li>
					</ol>
				</nav>
			</div>
		</nav>

		<div class="flex-grow-1 overflow-auto">
			<div class="container-fluid">
				$pages.includeContent()
			</div>
		</div>
	</div>
</div>