{% extends "base.html" %}
{% block title %}Room Wizard{% endblock %}
{% block head %}
	<link rel="stylesheet" href="/res/styles/wizard.css">
{% endblock %}
{% block main %}
	<main class="container">
		<script src="/res/scripts/wizardManager.js" type="text/javascript" defer="defer"></script>
		<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>
		<!--order = current order login
			unconfirmed_orders = all non confirmed rooms orders
			all_orders = all orders
			data = assigned rooms -->
		<h2>Review rooms</h2>
		<hr>
		{% for room in data.items() %}
			{%with room_order = unconfirmed_orders[room[0]] %}
			<div class="room" id="room-{{room_order.code}}" room-type="{{room_order.bed_in_room}}" room-size="{{len(room[1]['to_add'])}}" current-size="{{len(room[1]['to_add'])}}">
				<h4 style="margin-top:1em;">
					<span>{{room_order.room_name if room_order.room_name else room[1]['room_name'] if room[1] and room[1]['room_name'] else ''}}</span>
				</h4>
				<div class="grid people" style="padding-bottom:1em;">
					{% for m in room_order.room_members %}
						{% if m in all_orders %}
							{% with person = all_orders[m] %}
								<div class="edit-disabled" style="margin-bottom: 1em;">
									{% with current=None, order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = false, flag = true %}
										{% include 'blocks/propic.html' %}
									{% endwith %}
									<h5>{{person.ans('fursona_name')}}</h5>
								</div>
							{% endwith %}
						{% endif %}
					{% endfor %}
					{% for m in room[1]['to_add'] %}
						{% if m in unconfirmed_orders %}
							{% with person = unconfirmed_orders[m] %}
								<div class="edit-drag" id="{{person.code}}" room-type="{{person.bed_in_room}}" style="margin-bottom: 1em;" draggable="true">
									{% with current=None, order=person, imgSrc='/res/propic/' + (person.ans('propic') or 'default.png'), effects = false, flag = true %}
										{% include 'blocks/propic.html' %}
									{% endwith %}
									<h5>{{person.ans('fursona_name')}}</h5>
								</div>
							{% endwith %}
						{% endif %}
					{% endfor %}
				</div>
			</div>
			{% endwith %}
		{% endfor %}
		<div class="room" infinite="true" id="room-infinite" room-size="999999999" current-size="0">
			<h2>Empty room</h2>
			<div class="grid people" style="padding-bottom:1em;"></div>
		</div>
	</main>
	
{% endblock %}