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

{% block head_style_extra %}
	<link href="{{ asset('bundles/d2phsdsbc/css/jquery.signaturepad.css') }}" rel="stylesheet">
{% endblock head_style_extra %}

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/numeric-1.2.6.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/bezier.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/jquery.signaturepad.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/json2.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('bundles/d2phsdsbc/js/phsdsbc.js') }}"></script>

	<script>
		$(document).ready(function() {
			$('#smoothed').signaturePad({
				drawOnly:true, 
				drawBezierCurves:true, 
				lineTop:180,
				output : '#d2_phsdsbcbundle_attendeetype_signature'
			});
		});
	</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 %}
<div class="row">
	<div class="col-md-offset-1 col-md-4">
		<div class="well">
			<h3>Information</h3>
			<table class="table table-condensed table-bordered">
				<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>
	<div class="col-md-5">
		<form action="{{ path('admin_phsdsbc_create_attendee', {'id': meeting.id}) }}" {{ form_enctype(form) }} method="POST" class="form-general">
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.title) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.title) }}
					{{ form_widget(form.title) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.firstname) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.firstname) }}
					{{ form_widget(form.firstname) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.surname) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.surname) }}
					{{ form_widget(form.surname) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.organisation) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.organisation) }}
					{{ form_widget(form.organisation) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.delegation) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.delegation) }}
					{{ form_widget(form.delegation) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.telephone) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.telephone) }}
					{{ form_widget(form.telephone) }}
					</div>	
			</div>
			<div class="row form-group">
					<div class="col-md-3">
					{{ form_label(form.email) }}
					</div>	
					<div class="col-md-9">
					{{ form_errors(form.email) }}
					{{ form_widget(form.email) }}
					</div>	
			</div>
			{{ form_rest(form) }}
			<input class="btn btn-lg btn-default pull-right" type="submit" value="Save" />
		</form>
	</div>
</div>
{% endblock content %}