{{ form = data.system.profile;"" }}
{{ item = data.items[0];"" }}
{{ form.action = 'prijsvraag';"" }}
{{ form.action_id = item.id;"" }}


	<article>

		<h1 class="border">{{ item.title }}</h1>

		<div ng-if="!!item.tunebase_link"><a href='{{ item.tunebase_link }}' target='_tunebase'>edit</a></div>

		<!--
		<img ng-if="item.content.images[0] && !item.content.images[1]" class="framed float-right marginalize" ng-src="{{ item.content.images[0]['img'] }}" alt="{{ item.content.images[0]['tags'] }}" class="border right" />
		<img ng-if="item.content.images[1]" class="framed float-right marginalize" ng-src="{{ item.content.images[1]['img'] }}" alt="{{ item.content.images[1]['tags'] }}" class="border right" />
		-->
			    
	    <p html = "{{ item.content.long }}"></p>

		<!-- TODO -->
	
	<!-- form -->
	<div ng-if="data.items[0].options.length > 0">
		<form method="POST" name="myForm" class="form-inline" id="myForm" ng-submit="submit(this)">

			<input type="hidden" name="action" ng-model="form.action">
			<input type="hidden" name="action_id" ng-model="form.action_id">

			<fieldset>
				<ol>
					<li>
						<p class="message message-info"><i class="icon-message-info"></i>Meedoen met de actie? Vul dan in het onderstaande formulier je gegevens in. Doe je vaker mee met acties? <a href="/mijn-classic-fm/registreren">Registreer</a> je dan bij Mijn Classic FM, zodat je bij volgende acties je gegevens niet meer hoeft in te vullen.</p>
						<p ng-if="!data.system.loggedin" class="message message-info"><i class="icon-message-info"></i>Je bent niet ingelogd. Ben je al geregistreerd bij Mijn Classic FM? <a href="/mijn-classic-fm/inloggen">Log dan eerst hier in.</a></p>

						<div class="box-me-well">
							<p>{{ data.items[0].question }} * </p>
							<div class="input-group">
								<label class="radio" ng-repeat="option in data.items[0].options">
									<input type="radio" name="input-question" value="{{ option }}" ng-model="form.question" required>{{ option }}
								</label>
							</div>
						</div>
					</li>

					<li ng-if="data.items[0].locations.length > 0">
						<legend>Kies een concert</legend>
						<label for="input-lokaties">Locaties <em>*</em> </label>
						<select type="text" name="input-lokaties" ng-model="form.location" required>
							<option value=''>- Kies een concert - </option>
							<option ng-repeat="loc in data.items[0].locations" value="{{ loc }}">{{ loc }}</option>
						</select>
					</li>

					<legend>Jouw gegevens</legend>
					<li>
						<label for="input-firstname">Voornaam <em>*</em> </label>
						<input type="text" name="input-firstname" ng-model="form.firstname" required>
					</li>


					<li>
						<label for="input-lastname">Achternaam <em>*</em> </label>
						<input type="text" name="input-lastname" ng-model="form.lastname" required>
					</li>

					<li>
						<label for="input-dateofbirth">Geboortedatum <em>*</em> </label>
						<input type="text" name="input-dateofbirth" ng-model="form.dateofbirth" required>
					</li>

					<li>
						<label for="input-gender"  class="labelform" >Geslacht <em>*</em> </label>
					
						<label class="labelform">
							<input type="radio" name="input-gender" class="no-margin" value="M" ng-model="form.gender" ng-selected="form.gender=='M'" required>Man
						</label>
						
						<label class="labelform">
							<input type="radio" name="input-gender" class="no-margin" value="V" ng-model="form.gender" ng-selected="form.gender=='V'" required>Vrouw
						</label>
						<br /><br />
					</li>

					<li>
						<legend>Adresgegevens</legend>
						<label for="input-address">Adres <em>*</em> </label>
						<input type="text" name="input-address" ng-model="form.address" required>
					</li>
					<li>
						<label for="input-zipcode">Postcode <em>*</em> </label>
						<input type="text" name="input-zipcode" ng-model="form.zipcode" required>
					</li>
					<li>
						<label for="input-city">Woonplaats <em>*</em> </label>
						<input type="text" name="input-city" ng-model="form.city" required>
					</li>
					<li>
						<div ng-if="form.telephone==06123456789"><strong>Vul aub een echt telefoonnummer in, deze hebben we nodig om u te informeren bij het winnen van een actie.</strong></div>
						<label for="input-telephone">Telefoon <em>*</em> </label>
						<input type="text" name="input-telephone" ng-model="form.telephone" required>
					</li>

					<li>
						<label for="input-email">E-mailadres <em><em>*</em></em> </label>
						<input type="text" name="input-email" ng-model="form.email" required>
					</li>

					<li ng-if="data.system.loggedin!=true">
						<label for="input-opt-newsletter" class="checkbox">
							<input type="checkbox" name="input-opt-newsletter" ng-model="form.newsletter" ng-checked="form.newsletter==1">Ik wil de tweewekelijkse nieuwsbrief van Classic FM ontvangen. 
						</label>
					</li>


					<li ng-if="item.subscribe[0]">
						<label for="input-opt-sub-0" class="checkbox">
							<input type="checkbox" name="input-opt-sub-0" ng-model="form.sub0">{{ item.subscribe[0] }}
						</label>
					</li>

					<li ng-if="item.subscribe[1]">
						<label for="input-opt-sub-1" class="checkbox">
							<input type="checkbox" name="input-opt-sub-1" ng-model="form.sub1">{{ item.subscribe[1] }}
						</label>
					</li>

					
					<li ng-if="data.system.loggedin!==true">
						<label for="input-opt-partners" class="checkbox">
							<input type="checkbox" name="input-opt-partners" ng-model="form.partners" ng-checked="form.partners==1">Ik wil incidenteel (max. 2 x p/mnd) passende commerci&euml;le aanbiedingen ontvangen uit bijvoorbeeld de retail, telecom, en automotive branche, waar ik mij op elk gewenst moment voor kan afmelden. 
						</label>
					</li>

					<li>
						<label for="input-terms" class="checkbox">
							<input type="checkbox" name="input-terms" required>Ik ga akkoord met de <a href="/actievoorwaarden" target="_blank">actievoorwaarden</a> van Classic FM. * 
						</label>
					</li>

				</ol>
			</fieldset>

			<div class="form-actions">
				<small>Velden met een * zijn verplicht</small>
				<div ng-if="error!=''"><em>{{ error }}</em></div>
				<div ng-if="message!=''"><h2>{{ message }}</em></div>
				<button ng-if="myForm.$invalid"><strong><em>Vul het formulier volledig in.</em></strong></button>			
				<button ng-if="myForm.$valid" type="submit" name="input-submit"><span><i class="fa fa-check"></i> Verstuur</span></button>
				<button type="reset" name="reset"><span><i class="fa fa-check"></i> Wis velden</span></button>
			</div>
		</form>
	    
	   
		<p><!-- TODO: <small>Deze actie loopt van {{ data.items[0].van }} tot en met {{ data.items[0].tot }}.<br>-->Op deze actie zijn de <a href="/actievoorwaarden" target="_blank">Actievoorwaarden</a> van Classic FM van toepassing.</small></p>
		<p><small>Classic FM vindt het belangrijk om je gegevens met alle zorgvuldigheid en vertrouwelijkheid te behandelen. Lees <a href="/over-ons/privacyverklaring" target="_blank">hier</a> de privacyverklaring.</small></p>
	</div>


	<div class="addthis_toolbox addthis_default_style box-me-well">
		<span style="float: left; margin-right: 5px;">Deel deze pagina: </span>
	    <a class="addthis_button_facebook" addthis:title="{{ item.title }}"></a>
	    <a class="addthis_button_twitter" addthis:title="{{ item.title }}"></a>
	    <a class="addthis_button_email" addthis:title="{{ item.title }}"></a>
	    <a class="addthis_button_whatsapp" addthis:title="{{ item.title }}"></a>
	    <a class="addthis_button_linkedin" addthis:title="{{ item.title }}"></a>
	    <span class="addthis_separator"> | </span>
	    <a class="addthis_button_facebook_like"></a>
	</div>

	<script type="text/javascript">
		var addthis_config = {
			data_track_clickback: true,
			data_ga_property: 'UA-9441418-2',
			data_ga_social: true,
		};
		var addthis_share = {
			templates: { twitter: '{{title}} {{url}} {{description}}' }
		};
	</script>

	<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f42363f02f109f5"></script>
	<hr />	

	</article>
	
	<div class='sharer_buttons' ng-include src="'views/_partials/share.html'"></div>