{% extends 'base.html' %}
{% set active_page = "rack" %}
{% set version2 = True %}
 
{% block container %}
	{% if current_user.is_authenticated %}
	<!--start details div-->
	<div>
		{% if current_user.is_admin(current_user) %}
		<!--TRY THIS-->
		<hr>
		<table style="text-align: center;margin: 0px auto;">
			<thead>
				<tr>
					<th style="padding:2px 10px;">U</th>
					<th style="padding:2px 10px;">Device</th>
				</tr>
			</thead>
			<tbody>
			{% for key, device in finalLayout.items() %}
				<tr>
					<td style="padding:2px 3px;border-top: 1px solid black;border-bottom: 1px solid black;">{{device['uLevel']}}</td>
					{% if device['uHeight'] == 1 %}<td style="padding:2px 50px;border: 1px solid black;{% if device['deviceName'] == 'empty' %}background-color:grey{% endif %}">{{device['deviceName']}}</td>{% endif %}
					{% if device['uHeight']|int > 1 %}<td style="padding:2px 50px;border: 1px solid black;" rowspan='{{device['uHeight']}}'>{{device['deviceName']}}</td>{% endif %}
				</tr>
			{% endfor %}
			</tbody>
		</table>
		<hr>

	    {% else %}
	    {% endif %}
	</div>
	{% else %}
	<div class="jumbotron">
		<h3>Authorized Access Only</h3>
		<h4><a href="{{ url_for('auth.login') }}">Click Here To Login</a></h4>
	</div>
	{% endif %}
{% endblock %}
{% block scripts %}
{% endblock %}