{% extends 'D2PhsdsbcBundle::base_phsdsbc_admin.html.twig' %}

{% block head_script_extra %} 
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/quorum.js') }}"></script>
{% endblock head_script_extra %} 

{% block page_header %}
<div class="row">
	<div class="col-md-1">
	{% set site_logo = d2_content_get_admin_logo() %}
	<a href="{{ path('home_page') }}"><img src="{{ site_logo }}" alt="LOGO" style="width:100%"></a>
	</div>
	<div class="col-md-5">
	</div>
	<div class="col-md-6 pull-right">
		<h1 style="font-size:60px">QUORUM MANAGER</h1>
	</div>
</div>
{% endblock page_header %}

{% block content %}
{% if meetings|length > 0 %}
<div class="row" style="margin-top:50px">
	<div class="col-md-offset-3 col-md-6">
		<h2 style="text-align:center;font-size:40px">Select a Meeting</h2>
		<select class="form-control" name="meeting" id="meeting" style="margin-top:10px;font-size:25px;height:50px">
			{% for meeting in meetings %}
			<option value="{{ meeting.id }}" style="height:30px">{{ meeting.title }}</option>
			{% endfor %}
		</select>
	</div>
</div>
<div class="row" style="margin-top:50px;margin-bottom:100px">
	<div class="col-md-offset-1 col-md-5">
		<div class="well" style="background-color:#C1AD70">
			<h2 style="text-align:center;font-size:40px">Meeting Monitor</h2>
			<a class="btn btn-default btn-lg center-block" href="javascript:MonitorMeeting()" role="button" style="margin-top:80px;background-color:#E0C27A;font-size:30px"><b>ACTIVATE</b></a>
		</div>
	</div>
	<div class="col-md-5">
		<div class="well" style="background-color:#C1AD70">
			<h2 style="text-align:center;font-size:40px">Attendee Registration</h2>
			<a class="btn btn-default btn-lg center-block" href="javascript:AddMeetingAttendees()" role="button" style="margin-top:80px;background-color:#E0C27A;font-size:30px"><b>ACTIVATE</b></a>
		</div>
	</div>
</div>
{% else %}
<div class="row" style="margin-top:50px;margin-bottom:100px">
	<div class="col-md-offset-3 col-md-6">
		<div class="well" style="background-color:#C1AD70">
			<h2 style="text-align:center;font-size:40px">Please configure a meeting first!</h2>
		</div>
	</div>
</div>
{% endif %}
{% endblock content %}