 class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
					<div class="px-4 py-6 sm:px-0">
						<div class="rounded-lg border-4 border-dashed border-gray-200 p-4">
							<div id="controls" class="mb-6 flex flex-wrap items-center gap-4">
								<div class="flex-grow">
									<input
										type="text"
										id="search-input"
										placeholder="Search events..."
										class="w-full rounded-md border px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
								</div>
								<div cla