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

{% block head_script_extra %} 
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/monitor.js') }}"></script>
	<script>
		var current_meeting_id = {{ meeting.id }};


		function toggleFullScreen() {
		  if (!document.fullscreenElement &&    // alternative standard method
			  !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods
			if (document.documentElement.requestFullscreen) {
			  document.documentElement.requestFullscreen();
			} else if (document.documentElement.msRequestFullscreen) {
			  document.documentElement.msRequestFullscreen();
			} else if (document.documentElement.mozRequestFullScreen) {
			  document.documentElement.mozRequestFullScreen();
			} else if (document.documentElement.webkitRequestFullscreen) {
			  document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
			}
		  } else {
			if (document.exitFullscreen) {
			  document.exitFullscreen();
			} else if (document.msExitFullscreen) {
			  document.msExitFullscreen();
			} else if (document.mozCancelFullScreen) {
			  document.mozCancelFullScreen();
			} else if (document.webkitExitFullscreen) {
			  document.webkitExitFullscreen();
			}
		  }
		}	
</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('admin_quorum_manager') }}"><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 onclick="toggleFullScreen();" style="font-size:60px">QUORUM MANAGER</h1>
	</div>
</div>
{% endblock page_header %}

{% block content %}
<div class="row" style="background-color:#EDE5D2">
	<div class="col-md-4">
		<div class="well" style="background-color:#ECCC81">
			<h2><b>Information</b></h2>
			<table class="table table-condensed table-bordered" style="font-size:20px">
				<tr><th>MEETING:</th><td>{{ meeting.title }}</td></tr>
				<tr><th>LOCATION:</th><td>{{ meeting.location }}</td></tr>
				<tr><th>AGENDA:</th><td>{{ meeting.reason }}</td></tr>
				<tr><th>DATE:</th><td>{{ meeting.date|date('Y-m-d H:i:s') }}</td></tr>
			</table>
		</div>
		<div>
		<table class="table table-bordered" id="info_table" style="background-color:#BD963E;font-size:30px">
			<tr>
				<th style="width:80%">Quorum Requirement:</th><th style="text-align:right">{{ meeting.attendeesRequired }}</th>
			</tr>
			<tr>
				<th>Outstanding: </th><th style="text-align:right" id="outstanding_cell"></th>
			</tr>
		</table>
		</div>
	</div>
	<div class="col-md-8">
		<table class="table table-bordered" id="attendeetable" style="font-size:30px">
			<thead>
			<tr><th colspan="5" style="text-align:center;background-color:#BD963E">Registrations</th></tr>
			<tr style="background-color:#E0C27A"><th></th><th>Title</th><th>Firstname</th><th>Lastname</th><th>Organisation</th></tr>
			</thead>
			<tbody>
			</tbody>
		</table>
		<a class="btn btn-default btn-lg pull-right" href="javascript:StopRegistrations()">STOP</a>
		<a class="btn btn-default btn-lg pull-right" href="javascript:RefreshRegistrations()">REFRESH</a>
		<a class="btn btn-default btn-lg pull-right" href="{{ path('admin_meeting_report', {id: meeting.id}) }}">REPORT</a>
		<a class="btn btn-default btn-lg pull-right" href="{{ path('admin_meeting_report_format', {id: meeting.id, _format: 'pdf'}) }}">REPORT PDF</a>
		<a class="btn btn-default btn-lg pull-right" href="javascript:EmailMeetingReport({{ meeting.getid }})">EMAIL PDF</a>
	</div>
</div>
{% endblock content %}