{% extends "base.html" %}
{% block title %}Furizon 2024 Nosecount{% endblock %}
{% block main %}
	<main class="container">
		<header>
			<picture>
				<source srcset="/res/furizon.png" media="(prefers-color-scheme:dark)">
				<img src="/res/furizon-light.png" style="height:4rem;text-align:center;">
			</picture>
		</header>
		<p>Welcome to the nosecount page! Here you can see all of the available rooms at the convention, as well as the occupants currently staying in each room. Use this page to find your friends and plan your meet-ups.</p>
		{% for o in orders.values() %}
			{% if o.code == o.room_id and o.room_confirmed %}
				<h4 style="margin-top:1em;">{{o.room_name}}</h4>
				<div class="grid people" style="padding-bottom:1em;">
					{% for m in o.room_members %}
						{% if m in orders %}
							{% with person = orders[m] %}
								<div style="margin-bottom: 1em;">
									<div class="propic-container">
										<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic') or 'default.png'}}" />
										<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
									</div>
									<h5>{{person.ans('fursona_name')}}</h5>
								</div>
							{% endwith %}
						{% endif %}
					{% endfor %}
				</div>
			{% endif %}
		{% endfor %}
		{% for o in orders.values() if (o.code == o.room_id and not o.room_confirmed) %}
			{% if loop.first %}
				<hr />
				<h1>Unconfirmed rooms</h1>
				<p>These unconfirmed rooms are still being organized and may be subject to change. These rooms may also have openings for additional roommates. If you are interested in sharing a room, you can use this page to find potential roommates</p>
			{% endif %}
			<h3 style="display:inline-block">{{o.room_name}}</h3>
			{% if o.room_person_no - len(o.room_members) > 0 %} <p style="display:inline-block"> - Remaining slots: {{o.room_person_no - len(o.room_members)}}</p> {% endif %}
			<div class="grid people" style="padding-bottom:1em;">
				{% for m in o.room_members %}
					{% if m in orders %}
						{% with person = orders[m] %}
							<div style="margin-bottom: 1em;">
								<div class="propic-container">
									<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic') or 'default.png'}}" />
									<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
								</div>
								<h5>{{person.ans('fursona_name')}}</h5>
							</div>
						{% endwith %}
					{% endif %}
				{% endfor %}
			</div>
			{% if loop.last %}</div>{% endif %}
		{% endfor %}

		{% for person in orders.values() if (not person.room_id or len(person.room_members) == 1) and (not person.room_confirmed) and not person.daily %}
			{% if loop.first %}
				<hr />
				<h1>Roomless furs</h1>
				<p>These furs have not yet secured a room for the convention. If you see your name on this list, please make sure to secure a room before the deadline to avoid being placed in a random room. If you are looking for a roommate or have an open spot in your room, you can use this page to find and connect with other furries who are also looking for housing 🎲</p>
				<div class="grid people" style="padding-bottom:1em;">
			{% endif %}
				<div style="margin-bottom: 1em;">
					<div class="propic-container">
						<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic') or 'default.png'}}" />
						<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
					</div>
					<h5>{{person.ans('fursona_name')}}</h5>
				</div>
			{% if loop.last %}</div>{% endif %}
		{% endfor %}

		{% for person in orders.values() if person.daily %}
			{% if loop.first %}
				<hr />
				<h1>Daily furs!</h1>
				<p>These furs will not stay in our hotels, but may be there with us just a few days!</p>
				<div class="grid people" style="padding-bottom:1em;">
			{% endif %}
				<div style="margin-bottom: 1em;">
					<div class="propic-container">
						<img class="propic propic-{{person.sponsorship}}" src="/res/propic/{{person.ans('propic') or 'default.png'}}" />
						<img class="propic-flag" src="/res/flags/{{person.country.lower()}}.svg" />
					</div>
					<h5>{{person.ans('fursona_name')}}</h5>
				</div>
			{% if loop.last %}</div>{% endif %}
		{% endfor %}

	</main>
{% endblock %}