<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Chiroy - Find Your Cheaper Meals</title><link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"><link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css"><script defer="defer" src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><link rel="icon" type="image/x-icon" href="https://rvaka18.github.io/c/favicon.ico"><script type="text/javascript">!function(t,e,n,c,s,a,i){t[n]=t[n]||function(){(t[n].q=t[n].q||[]).push(arguments)},(a=e.createElement(c)).async=1,a.src="https://www.clarity.ms/tag/kzfvhsiolv",(i=e.getElementsByTagName(c)[0]).parentNode.insertBefore(a,i)}(window,document,"clarity","script")</script><script>document.addEventListener('alpine:init', () => {
      Alpine.store('user', {
        signedIn: false,
        email: '',
        signOutUser: function () {
          window.signOutUser();
        }
      });
    });</script></head><body><script src="https://unpkg.com/leaflet/dist/leaflet.js"></script><nav class="navbar" x-data="{ open: false, dropdownOpen: false }" x-init="$watch('dropdownOpen', value => { if(value) { $nextTick(() => { $refs.dropdown.focus(); }) } })"><div class="nav-container"><button @click="open = !open" class="hamburger md:hidden block mx-auto"><img src="https://rvaka18.github.io/c/menu.png" alt="Hamburger Menu" class="h-10 w-10"></button><div x-show="open" class="mobile-menu md:hidden absolute w-full left-0 bg-gray-100 mx-auto"><a href="/about" class="block py-2 px-4 text-sm mx-auto">About</a><a href="/campuses" class="block py-2 px-4 text-sm mx-auto">Campuses</a><a href="/" class="block py-2 px-4 text-sm mx-auto">Home</a><a href="/admin" class="block py-2 px-4 text-sm mx-auto">Admin</a><a href="/profile" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 mx-auto"><img src="https://rvaka18.github.io/c/profile.png" alt="Profile Icon" class="w-4 h-4 inline-block"></a></div><div class="desktop-menu hidden md:flex justify-center items-center flex-grow"><a href="/about" class="px-4 py-2 text-sm text-gray-700 hover:text-gray-900 mx-auto">About</a><a href="/campuses" class="px-4 py-2 text-sm text-gray-700 hover:text-gray-900 mx-auto">Campuses</a><a href="/" class="px-4 py-2 text-sm text-gray-700 hover:text-gray-900 mx-auto">Home</a><a href="/admin" class="px-4 py-2 text-sm text-gray-700 hover:text-gray-900 mx-auto">Admin</a></div><div class="desktop-menu hidden md:flex justify-end items-center flex-grow" x-data="{ user: $store.user }"><div @click.away="dropdownOpen = false" class="relative"><button @click="dropdownOpen = !dropdownOpen" class="flex items-center focus:outline-none"><img src="https://rvaka18.github.io/c/profile.png" alt="Profile" class="h-6 w-6"></button><div x-show="dropdownOpen" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-xl z-20" x-cloak><template x-if="user.signedIn"><div><span class="block px-4 py-2 text-sm text-gray-700" x-text="'Logged in: ' + user.email"></span><hr><a href="/dashboard" class="block px-2 py-1 text-sm text-gray-700 hover:bg-gray-100">Profile</a><a href="#" class="block px-2 py-1 text-sm text-gray-700 hover:bg-gray-100" @click.prevent="signOutUser()">Sign Out</a></div></template><template x-if="!user.signedIn"><a href="/profile" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Log In</a></template></div></div></div></div></nav><div id="campusModal" class="modal hidden fixed inset-0 overflow-y-auto"><div class="modal-content bg-white w-full max-w-md mx-auto rounded-lg shadow-lg p-8 mt-20"><h2 class="text-2xl font-bold mb-4">Choose Campus</h2><input type="text" id="stateCodeInput" placeholder="Enter State Code (ex: TX)" class="border border-gray-300 rounded-lg py-2 px-3 mb-4 w-full" list="stateCodes"><datalist id="stateCodes"></datalist><select id="campusSelect" class="border border-gray-300 rounded-lg py-2 px-3 mb-4 w-full"></select><button id="chooseCampusBtn" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline">Choose</button></div></div><div id="map"></div><div id="restaurantModal" class="hidden fixed inset-0 overflow-y-auto bg-gray-900 bg-opacity-50 flex items-center justify-center"><div id="restaurantModalContent" class="modal-content relative bg-white w-full max-w-md mx-auto rounded-lg shadow-lg p-8"><span class="close absolute top-0 right-0 mt-4 mr-4 cursor-pointer" onclick="closeRestaurantModal()">&times;</span><div id="restaurantModalBody"></div></div></div><script>var maptilerApiKey="{{ maptiler_api_key }}"</script><script src="{{ url_for('static', filename='functions.js') }}"></script><script type="module" src="{{ url_for('static', filename='register.js') }}"></script><script type="module" src="{{ url_for('static', filename='enroll.js') }}"></script></body></html>