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

{% block head_style_extra %}
{% endblock head_style_extra %}

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/phsdsbc.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('admin_quorum_manager') }}"><img src="{{ site_logo }}" alt="LOGO" style="width:100%"></a>
	</div>
	<div class="col-md-6">
	</div>
	<div class="col-md-5 pull-right">
		<h1>ATTENDEE REGISTRATION</h1>
		<h2>Meeting: <u><a href="javascript:AttendeePopup({{ meeting.id }})" style="color:#666666">{{ meeting.title }}</a></u></h2>
	</div>
</div>
{% endblock page_header %}

{% block content %}
{% if meeting.getAttendees|length == 0 %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<div class="well" style="background-color:#C1AD70;margin-top:100px">
			<h1 class="text-center">There are no attendees for this meeting!</h1>
		</div>
	</div>
</div>	
{% elseif attendees|length == 0 %}
<div class="row">
	<div class="col-md-offset-3 col-md-6">
		<div class="well" style="background-color:#C1AD70;margin-top:100px">
			<h1 class="text-center">Attendee Registration Complete!</h1>
		</div>
	</div>
</div>	
{% else %}
	{% for attendee in attendees %}
		{% if loop.first %}
		<div class="row">
		{% endif %}
			<div class="col-md-3">
				<div class="well {% if attendee.notPresent == false %}sel_attendee{% endif %}" data-id="{{ attendee.id }}" style="background-color:#C1AD70;cursor:pointer">
					<table style="width:100%;font-size:24px">
						<tr><td><span class="glyphicon {% if attendee.notPresent == false %}glyphicon-thumbs-up{% else %}glyphicon-thumbs-down{% endif %}  attendee_status" data-id="{{ attendee.id }}" aria-hidden="true"></span></td><td>{{ attendee.title|trim }} {{ attendee.firstname|trim }} {{ attendee.surname|trim }}</td></tr>
						<tr><td></td><td>{{ attendee.organisation }}</td></tr>
					</table>
				</div>
			</div>
		{% if not loop.first and loop.index%4 == 0 %}
		</div>
		<div class="row">
		{% endif %}
	{% endfor %}
	</div>
{% endif %}
{% endblock content %}