
<?php \Laravel\Section::start('content'); ?>

<div class="wrapper pageType jorganise">
	
	<div class="row-fluid intro">
		<div class="span8">
			<h1 class="spe">&nbsp;</h1>
			Après avoir rempli le formulaire, vous recevrez un lien vers votre page projet.
			<br>Ce lien sera à faire suivre à tous les participants, qui pourront s’enregistrer.
			<br>Cette étape est gratuite.
			<br>Lorsque les participants auront enregistré leur témoignage, vous pourrez, si vous le souhaitez, commander le cadeau vidéo en effectuant le paiement.
			<br />Il vous sera livré sous 3 jours ouvrés.
		</div>
		<div class="span4 guy1">
			<img src="<?php echo URL::to_asset('/image/cadeau-video-guy1.png'); ?>" class="guy1" align="Cadeau vidéo Guy 1" title="Cadeau vidéo Guy 1" />
		</div>
	</div>
	<div class="clear"></div>
	
	<div class="row-fluid" id="formulaire">
		<div class="span7">
			<div class="fullBandeau2">
				<h2>J'organise un cadeau vidéo</h2>
		
				<?php echo  Form::open(URL::to_route('jorganise'), 'POST', array('id'=>'formJorganise', 'class' => 'formJorganise', 'enctype'=>'multipart/form-data')) ; ?>
				
					<?php if(Session::get('type')): ?>
					<div class="alert alert-<?php echo  Session::get('type') ; ?>">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<?php echo  Session::get('message') ; ?>
					</div>
						<?php if(Session::get('type')=='info'): ?>
						<div class="validerForm"><a href="<?php echo URL::to_route('customerarea_index'); ?>" class="btn btn-cadeau">Consulter mes projets</a></div>
						<?php endif; ?>
					<?php endif; ?>
				
					<div class="soustitre">Les cinq questions de la vidéo</div>
					<?php echo  Form::text('question1', 'Portrait en une phrase', array('disabled'=>'disabled')) ; ?>
					<?php echo  Form::text('question2', Input::old('question2'), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 2 *','style'=>($errors->first('question2')) ? 'border-color:#e85256' : '')) ; ?>
					<?php echo  Form::text('question3', Input::old('question3'), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 3 *','style'=>($errors->first('question3')) ? 'border-color:#e85256' : '')) ; ?>
					<?php echo  Form::text('question4', Input::old('question4'), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 4 *','style'=>($errors->first('question4')) ? 'border-color:#e85256' : '')) ; ?>
					<?php echo  Form::text('question5', 'Le mot de la fin', array('disabled'=>'disabled')) ; ?>
					<span>Date limite de participation * :</span>
					<?php echo  Form::text('date_limite', Input::old('date_limite'), array('class'=>'datepicker requis','style'=>($errors->first('date_limite')) ? 'border-color:#e85256' : '')); ; ?>
					<i class="icon-calendar"></i>
					
					<div class="soustitre">Pour qui est le cadeau?</div>
					<?php echo  Form::text('dest_prenom', Input::old('dest_prenom'), array('class'=>'requis', 'placeholder'=>'Prénom(s) *','style'=>($errors->first('dest_prenom')) ? 'border-color:#e85256' : '')) ; ?>
					<?php echo  Form::text('dest_nom', Input::old('dest_nom'), array('class'=>'requis', 'placeholder'=>'Nom(s) *','style'=>($errors->first('dest_nom')) ? 'border-color:#e85256' : '')) ; ?>
					<?php echo  Form::text('nom_film', Input::old('nom_film'), array('class'=>'requis', 'placeholder'=>'Quel nom pour le film? * ex Mamie','style'=>($errors->first('nom_film')) ? 'border-color:#e85256' : '')) ; ?>
					<span>Une photo pour le film (recommandé) - 5mo MAX</span> <i class="icon-picture"></i><br>
					<div class="fileupload fileupload-new" data-provides="fileupload">
						<div class="input-append">
							<div class="uneditable-input inputFile span3"><i class="icon-file fileupload-exists"></i> <span class="fileupload-preview"></span></div>
							<span class="btn btn-file btnFile">
								<span class="fileupload-new">Choisir un fichier</span><span class="fileupload-exists">Modifier</span>
								<input type="file" name="photo" />
							</span>
							<a href="#" class="btn fileupload-exists btnFile" data-dismiss="fileupload">Supprimer</a>
						</div>
					</div>
					<div class="clear"></div>
					
					<div class="soustitre">Choisir un thème sonore</div>
					<?php echo  Form::radio('theme', 'Happy Fanfare', true) ; ?> Happy Fanfare - <i class="icon-music" style="vertical-align:0;"></i> <a href="#modalSon4" data-toggle="modal" data-dismiss="modal" aria-hidden="true">Ecouter l'extrait</a><br />
					<?php echo  Form::radio('theme', 'Total Circus', false) ; ?> Total Circus - <i class="icon-music" style="vertical-align:0;"></i> <a href="#modalSon1" data-toggle="modal" data-dismiss="modal" aria-hidden="true">Ecouter l'extrait</a><br />
					<?php echo  Form::radio('theme', 'Fire Rock', false) ; ?> Fire Rock - <i class="icon-music" style="vertical-align:0;"></i> <a href="#modalSon2" data-toggle="modal" data-dismiss="modal" aria-hidden="true">Ecouter l'extrait</a><br />
					<?php echo  Form::radio('theme', 'Spoutnik Rythm', false) ; ?> Spoutnik Rythm - <i class="icon-music" style="vertical-align:0;"></i> <a href="#modalSon3" data-toggle="modal" data-dismiss="modal" aria-hidden="true">Ecouter l'extrait</a>
					<div class="clear"></div>
					
					<div class="soustitre">L'Organisateur (Vous!)</div>
					<?php if($customer_id>=1): ?>
						<?php echo  Form::text('nom', ucfirst($customer->last_name), array('disabled'=>'disabled')) ; ?>
						<?php echo  Form::text('prenom', ucfirst($customer->first_name), array('disabled'=>'disabled')) ; ?>
						<?php echo  Form::text('email', $customer->email, array('disabled'=>'disabled')) ; ?>
						<a href="<?php echo URL::to_route('customerarea_index'); ?>" class="right btn" title="Editer mon profil">Editer mon profil</a>
					<?php else: ?>
						<div class="compte1">
							<?php echo  Form::text('nom', Input::old('nom'), array('class'=>'requis', 'placeholder'=>'Nom *','style'=>($errors->first('nom')) ? 'border-color:#e85256' : '')) ; ?>
							<?php echo  Form::text('prenom', Input::old('prenom'), array('class'=>'requis', 'placeholder'=>'Prénom *','style'=>($errors->first('prenom')) ? 'border-color:#e85256' : '')) ; ?>
							<?php echo  Form::text('email', Input::old('email'), array('class'=>'requis', 'placeholder'=>'Adresse email *','style'=>($errors->first('email')) ? 'border-color:#e85256' : '')) ; ?>
							<?php echo  Form::password('mdp', array('class'=>'requis', 'placeholder'=>'Mot de passe *','style'=>($errors->first('mdp')) ? 'border-color:#e85256' : '')) ; ?>
							<?php echo  Form::text('tel', Input::old('tel'), array('class'=>'requis', 'placeholder'=>'Téléphone *','style'=>($errors->first('tel')) ? 'border-color:#e85256' : '')) ; ?>
						</div>
						<div class="compte2" style="display:none;">
							<?php echo  Form::text('customer_email', Input::old('customer_email'), array('id'=>'customer_email', 'placeholder'=>'Identifiant','style'=>($errors->first('customer_email')) ? 'border-color:#e85256' : '')) ; ?>
							<?php echo  Form::password('customer_password', array('id'=>'customer_password', 'placeholder'=>'Mot de passe','style'=>($errors->first('customer_password')) ? 'border-color:#e85256' : '')) ; ?>
						</div>
						<a href="#" class="left btn compteYet" title="J'ai déjà un compte">J'ai déjà un compte</a>
						<a href="#" class="left btn compteNev" title="Je n'ai pas encore de compte" style="display:none;">Je n'ai pas encore de compte</a>
						
						<script type="text/javascript">
						// Switch
						function afficherCompte2(){
							$('.compte1').hide('fast');
							$('.compte2').show('fast');
							$('.compteYet').hide('fast');
							$('.compteNev').show('fast');
							$('input[name=nom], input[name=prenom], input[name=email], input[name=mdp], input[name=tel]').val('').removeClass('requis').css('borderColor','#cccccc');
							$('#customer_email, #customer_password').addClass('requis');
						}
						function afficherCompte1(){
							$('.compte2').hide('fast');
							$('.compte1').show('fast');
							$('.compteNev').hide('fast');
							$('.compteYet').show('fast');
							$('#customer_email, #customer_password').val('').removeClass('requis').css('borderColor','#cccccc');
							$('input[name=nom], input[name=prenom], input[name=email], input[name=mdp], input[name=tel]').addClass('requis');
						}
						$('.compteYet').on('click',function(e){
							e.preventDefault();
							afficherCompte2();
						});
						$('.compteNev').on('click',function(e){
							e.preventDefault();
							afficherCompte1();
						});
						<?php if(Session::get('afficher')): ?>
							<?php if(Session::get('afficher')=='compte2'): ?>
								afficherCompte2();
							<?php elseif(Session::get('afficher')=='compte1'): ?>
								afficherCompte1();
							<?php endif; ?>
						<?php endif; ?>
						</script>
					<?php endif; ?>
					<div class="clear"></div>
					
					<div class="soustitre">Code de sécurité</div>
					<span class="numbers"><span class="chiffre1"></span> + <span class="chiffre2"></span> =</span>
					<?php echo  Form::text('chiffre3', '', array('class'=>'chiffre3', 'style'=>(Session::get('erreurcaptcha')) ? 'border-color:#b94a48;width:60px;' : 'width:60px;')) ; ?>
					<input type="hidden" name="somme" value="" />
					<div class="clear"></div>
					
					<small class="left acceptCGV">
						<input type="checkbox" name="acceptCGV" id="acceptCGV" />
						<a href="<?php echo URL::to_route('page', array('2','conditions-generales-utilisation')); ?>" target="_blank" title="J’ai lu et j’accepte les conditions générales de vente et les conditions générales d’utilisation.">J’ai lu et j’accepte les conditions générales de vente et les conditions générales d’utilisation.</a>
					</small>
					<div class="clear"></div>
					<span>Nous traitons vos informations personnelles uniquement dans le cadre de la commande.</span>
					<div class="clear"></div>

					<div class="validerForm">
						<button type="submit" class="left btn btn-cadeau btn-large">Je crée le projet</button>
						<div class="left ajaxLoader" style="padding:5px 0 0 10px;margin-top:34px;display:none;"><img src="<?php echo URL::to_asset('/image/ajax-loader.gif'); ?>" /></div>
					</div>
					<div class="clear"></div>
					
					<small style="font-size: 13px; line-height: 13px;">
						Les données à caractère personnel recueillies par Le Cadeau Vidéo, en qualité de responsable de traitement, dans le cadre du présent formulaire, seront utilisées pour la réalisation de commandes passées sur le site <?php echo URL::base(); ?>. Vous pouvez à tout moment, conformément à la loi, vous opposer au traitement des informations vous concernant, y accéder, les faire rectifier en adressant un courrier à l'adresse suivante: Le Cadeau Vidéo, Service Clients, 12 avenue René Barthélémy, 06160 Antibes
					</small>
				<?php echo  Form::close() ; ?>
				
				<script type="text/javascript">
				$(document).ready(function(){
					var nb1 = Math.floor(Math.random() * 9);
					var nb2 = Math.floor(Math.random() * 9);
					var somme = parseInt(nb1) + parseInt(nb2);
					$('.chiffre1').empty().html(nb1);
					$('.chiffre2').empty().html(nb2);
					$('input[name=somme]').val(somme);
				});
				// Validation formulaire
				$('#formJorganise').submit(function()
				{
					if( $('#acceptCGV').is(':checked') )
			        {
			            if( $('input[name=somme]').val() != $('input[name=chiffre3]').val() )
						{
							modalMsg('Le Cadeau Vidéo','Erreur : Le code de sécurité est invalide, veuillez réessayer.','n');
							$('input[name=chiffre3]').css('borderColor','#e85256');
							return false;
						} else {
							$('input[name=chiffre3]').css('borderColor','#44d3cf');
							var total = 0;
							$('.requis').each(function(){
								if($(this).val()==''){
									total++;
									$(this).css('borderColor','#e85256');
								} else {
									$(this).css('borderColor','#44d3cf');
								}
							});
							if(total>=1){
								modalMsg('Le Cadeau Vidéo','Certaines informations sont nécessaires, veuillez réessayer.','n');
								return false;
							} else {
								$('.ajaxLoader').show();
								return true;
							}
						}
			        }
			        else {
			            modalMsg('Le Cadeau Vidéo','Vous devez accepter les conditions générales d\'utilisation.','n');
						return false;
			        }
				});
				</script>
				
			</div>
		</div>
		<div class="span5 suggestions">
			<h3>Suggestions de questions</h3>
			<div class="soustitre">Général</div>
			<p>
				Votre meilleur souvenir avec lui?<br>
				La première fois que vous l’avez rencontré?<br>
				Quel projet rêveriez-vous de partager avec lui?<br>
				Son atout séduction?<br>
				Votre meilleur souvenir avec lui?<br>
				Quel autre métier pourrait-il faire?<br>
				Il est impatient lorsque... ?<br>
				Il aime...<br>
				S'il était une plante ou un animal?<br>
				Il n'est pas content lorsque... ?<br>
				Il est satisfait lorsque... ?<br>
				Ce qui est bien quand on va chez lui...
			</p>
			<div class="soustitre">Fun</div>
			<p>
				Qu'emmènerait-il sur une île déserte?<br>
				Adressez-lui vos voeux en norvégien<br>
				S'il était un superhéros, quel serait son pouvoir?<br>
				Faites-lui une grimace<br>
				Faites-le rire, ou dites un truc idiot.<br>
				S'il devenait Président, sa première loi ?<br>
				Demandez-lui n’importe quoi
			</p>
			<div class="soustitre">Evaluation</div>
			<p>
				Sur 10, évaluez son comportement écolo<br>
				Sur 10, évaluez sa ponctualité<br>
				Sur 10, évaluez ses connaissances en nouvelles technologies<br>
				Sur 10, évaluez ses compétences en cuisine<br>
				Sur 10, évaluez son sens du rangement<br>
				Sur 10, évaluez ses compétences en jardinage<br>
				Sur 10, évaluez ses compétences en bricolage<br>
				Sur 10, évaluez son talent en couture<br>
				Sur 10, évaluez sa créativité
			</p>
			<div class="soustitre">IMITATION</div>
			<p>
				Imitez-le en train de danser<br>
				Imitez-le quand il est saoul<br>
				Imitez-le quand il dit poliment qu'il n'aime pas<br>
				Imitez-le quand il s'énerve<br>
				Imitez-le en train de vous convaincre
			</p>
			<div class="soustitre">COLLÈGUE</div>
			<p>
				S'il était patron, sa première décision?<br>
				Son humeur le matin?<br>
				Le sujet de sa vie perso qui revient souvent?<br>
				Son excuse favorite pour écourter sa journée?<br>
				La première chose qu'il fait en arrivant?<br>
				La dernière chose qu'il fait en partant?<br>
				Son commentaire sur la cantine?<br>
				Son petit toc au boulot?
			</p>
		</div>
	</div>
	<div class="clear"></div>
	
</div>
<div class="clear"></div>

<?php // Modals sonores (1,2,3,4) ?>
<div id="modalSon1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-white"></i></button>
		<h3 id="myModalLabel">Total Circus</h3>
	</div>
	<div class="modal-body" style="text-align:center;">
		<audio controls>
			<source src="<?php echo URL::to_asset('/_sons/Total_Circus.ogg'); ?>" type="audio/ogg">
			<source src="<?php echo URL::to_asset('/_sons/Total_Circus.mp3'); ?>" type="audio/mpeg">
			Votre navigateur ne supporte pas les éléments audio.
		</audio>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal" aria-hidden="true" onclick="stopAll();">Fermer</a>
	</div>
</div>
<div id="modalSon2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-white"></i></button>
		<h3 id="myModalLabel">Fire Rock</h3>
	</div>
	<div class="modal-body" style="text-align:center;">
		<audio controls>
			<source src="<?php echo URL::to_asset('/_sons/Fire_Rock.ogg'); ?>" type="audio/ogg">
			<source src="<?php echo URL::to_asset('/_sons/Fire_Rock.mp3'); ?>" type="audio/mpeg">
			Votre navigateur ne supporte pas les éléments audio.
		</audio>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal" aria-hidden="true" onclick="stopAll();">Fermer</a>
	</div>
</div>
<div id="modalSon3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-white"></i></button>
		<h3 id="myModalLabel">Spoutnik Rythm</h3>
	</div>
	<div class="modal-body" style="text-align:center;">
		<audio controls>
			<source src="<?php echo URL::to_asset('/_sons/Spoutnik_Rythm.ogg'); ?>" type="audio/ogg">
			<source src="<?php echo URL::to_asset('/_sons/Spoutnik_Rythm.mp3'); ?>" type="audio/mpeg">
			Votre navigateur ne supporte pas les éléments audio.
		</audio>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal" aria-hidden="true" onclick="stopAll();">Fermer</a>
	</div>
</div>
<div id="modalSon4" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-white"></i></button>
		<h3 id="myModalLabel">Happy Fanfare</h3>
	</div>
	<div class="modal-body" style="text-align:center;">
		<audio controls>
			<source src="<?php echo URL::to_asset('/_sons/Happy_Fanfare.ogg'); ?>" type="audio/ogg">
			<source src="<?php echo URL::to_asset('/_sons/Happy_Fanfare.mp3'); ?>" type="audio/mpeg">
			Votre navigateur ne supporte pas les éléments audio.
		</audio>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal" aria-hidden="true" onclick="stopAll();">Fermer</a>
	</div>
</div>

<script type="text/javascript">// <![CDATA[
function stopAll() {
        var audio = new Array();
        for (i = 0; i < 27; i++) {
            audio[i] = document.getElementsByTagName("audio")[i];
            audio[i].pause();
            audio[i].currentTime = 0;
        }
    }
// ]]></script>

<script type="text/javascript">
$('button').on('click',function(){ stopAll(); });

$('.datepicker').datepicker({
	format: 'dd/mm/yyyy'
});
</script>

<?php \Laravel\Section::stop(); ?>
<?php echo view('template')->with(get_defined_vars())->render(); ?>