| Server IP : 173.209.174.21 / Your IP : 216.73.216.89 Web Server : Apache/2.4.58 (Ubuntu) System : Linux wcfs-server 6.8.0-124-generic #124-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 13:00:45 UTC 2026 x86_64 User : nodor ( 1000) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/thelittlebigshow/vendor-reg/ |
Upload File : |
<?php
session_start();
$is_admin = isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in'] === true;
$vendor_id = isset($_SESSION['vendor_spot_vendor_id']) ? (int)$_SESSION['vendor_spot_vendor_id'] : 0;
if (!$is_admin && $vendor_id < 1) {
header('Location: vendor_spot_login.php');
exit();
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vendor Spot Map</title>
<link rel="stylesheet" href="vendor_spot_assets/vendor_spots.css">
</head>
<body>
<header class="topbar">
<div>
<p class="eyebrow">Wilson Creek City Park</p>
<h1>Vendor Spot Map</h1>
</div>
<nav class="top-actions">
<?php if ($is_admin): ?>
<a class="ghost" href="admin_dashboard.php">Admin Dashboard</a>
<a class="ghost" href="vendor_spot_roster.php">Print Spot Roster</a>
<?php else: ?>
<a class="ghost" href="vendor_spot_logout.php">Log Out</a>
<?php endif; ?>
<button id="printBtn" class="ghost" type="button">Print</button>
</nav>
</header>
<main class="workspace">
<section class="map-shell" aria-label="Vendor booth map">
<div class="map-toolbar">
<div class="legend">
<span><i class="open"></i>Open</span>
<span><i class="selected"></i>Selected</span>
<span><i class="reserved"></i>Reserved</span>
<span><i class="blocked"></i>Walkway / Buffer</span>
</div>
<div id="message" class="message">Loading spot map...</div>
</div>
<div class="map-frame">
<img class="map-image" src="vendor_spot_assets/wilson-creek-park-red-box.png" alt="Aerial map with measured vendor area marked">
<div class="site-outline" aria-hidden="true"></div>
<div id="spotGrid" class="spot-grid"></div>
<div class="street-label railroad">Railroad St</div>
<div class="street-label third">3rd St</div>
<div class="street-label broadway">Broadway</div>
</div>
</section>
<aside class="side-panel">
<section class="panel-block">
<div class="panel-head">
<h2><?php echo $is_admin ? 'Admin Assign' : 'Your Spots'; ?></h2>
<span id="saveState" class="save-state">Not saved</span>
</div>
<?php if ($is_admin): ?>
<label class="field-label">
Vendor
<select id="vendorSelect" class="select"></select>
</label>
<?php else: ?>
<select id="vendorSelect" class="select hidden"></select>
<?php endif; ?>
<div id="vendorDetails" class="vendor-details"></div>
<div class="action-row">
<button id="clearSelectionBtn" type="button" class="ghost"><?php echo $is_admin ? 'Release Spots' : 'Clear Pick'; ?></button>
<button id="saveSelectionBtn" type="button">Save Spots</button>
</div>
</section>
<section class="panel-block">
<h2>Layout</h2>
<div class="scale-note">
<strong>Scale</strong>
<span>Railroad to Broadway: about 100 ft</span>
<span>3rd St into park: about 68.42 ft</span>
<span>40 ft booths · 8.42 ft walk · 20 ft buffer</span>
</div>
<div class="stats">
<div><strong id="openCount">0</strong><span>Open</span></div>
<div><strong id="reservedCount">0</strong><span>Reserved</span></div>
<div><strong id="neededCount">0</strong><span>Need</span></div>
</div>
</section>
<section class="panel-block">
<h2>Assignments</h2>
<div id="assignmentList" class="assignment-list"></div>
</section>
</aside>
</main>
<template id="spotTemplate">
<button class="spot" type="button">
<span class="spot-id"></span>
<span class="spot-vendor"></span>
</button>
</template>
<script>
window.SPOT_MAP_MODE = <?php echo json_encode($is_admin ? 'admin' : 'vendor'); ?>;
</script>
<script src="vendor_spot_assets/vendor_spots.js"></script>
</body>
</html>