{% if q["msgInfo"] is defined %}
<div style="padding: 10px 0px;" id="messages">
	{{ q["msgInfo"] | raw }}
</div>
{% endif %}
<div class="ui top attached {{inverted}} segment"><i class='ui box icon'></i> Components</div>
{{q['components']|raw}}
<div class="ui horizontal divider"></div>
<div class="ui top attached grey {{inverted}} segment"><i class='ui hand holding medical icon'></i> Services</div>
{{q['services']|raw}}
<div class="ui horizontal divider"></div>
<div class="ui two column grid">
	<div class="column">
		<div class="ui top attached {{inverted}} teal segment"><i class='ui user shield icon'></i> Session</div>
		{{q['session']|raw}}
		
	</div>
	<div class="column">
		{{q['csrf']|raw}}
	</div>
	<div class="column">
		<div class="ui top attached {{inverted}} brown segment"><i class='ui cookie icon'></i> Cookies</div>
		{{q['cookies']|raw}}
	</div>
	<div class="column">
		{{q['csp']|raw}}
	</div>
	<div class="column">
	</div>
</div>

{{ script_foot | raw }}