
<?php \Laravel\Section::start('content'); ?>
<?php
//Session::forget('participant');
$limite=false;
$identif=false;
if($participation->date_limite < date('Y-m-d'))
{
	$limite=true;
}
if(Session::get('participant') && Session::get('participant')!='' && $participant = ProjectInvite::find(Session::get('participant')))
{
	$identif=true;
}
?>
<div class="wrapper pageType participation">
	
	<div class="row-fluid">
		<div class="span8">
			<h1 class="first">
				<span><?php echo $participation->customer->first_name.' '.$participation->customer->last_name; ?></span> vous invite<br>
				au cadeau vidéo de <span><?php echo $participation->cible_first_name.' '.$participation->cible_last_name; ?></span>
			</h1>
			<div class="clear"></div>
			
			<?php if($limite==true): ?>
			<div class="alert alert-error">
				<button type="button" class="close" data-dismiss="alert">×</button>
				La date limite de ce projet vidéo est malheureusement dépassée, veuillez contacter <strong><?php echo $participation->customer->last_name.' '.$participation->customer->first_name; ?></strong> pour en savoir plus.
			</div>
			<?php endif; ?>
			
			<?php if(isset($_GET['t']) && $_GET['t']=='success'): ?>
			<div class="alert alert-info }}">
				<button type="button" class="close" data-dismiss="alert">×</button>
				Félicitations ! Votre vidéo a bien été prise en compte, merci de votre participation.
			</div>
			<?php elseif(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 endif; ?>
			
			<?php if($limite==true): ?>
			<div id="limitetrue">
			<?php endif; ?>
			
				<?php if($identif==false): ?>
				<div class="alert alert-info" style="margin-top:20px;">
					<button type="button" class="close" data-dismiss="alert">×</button>
					Veuillez vous identifier ci-dessous et cliquer sur <strong>Valider</strong> pour pouvoir participer au cadeau vidéo de <strong><?php echo $participation->cible_last_name.' '.$participation->cible_first_name; ?></strong>.
				</div>
			
				<div class="left fullBandeau2">
					<h2>Identification</h2>
					<? // Formulaire Identification ?>
					<?php echo  Form::open(URL::to_route('jeparticipe', array($participation->id, $participation->share_url)), 'POST', array('id'=>'jeparticipe', 'class' => 'jeparticipe', 'enctype'=>'multipart/form-data')) ; ?>
						<div class="row-fluid">
							<div class="span6"><?php echo  Form::text('first_name', Input::old('first_name',(Auth::user()->id>=1 ? Auth::user()->first_name:'')), array('class'=>'requis', 'placeholder'=>'Prénom *','style'=>($errors->first('first_name')) ? 'border-color:#e85256' : '')) ; ?></div>
							<div class="span6"><?php echo  Form::text('last_name', Input::old('last_name',(Auth::user()->id>=1 ? Auth::user()->last_name:'')), array('class'=>'requis', 'placeholder'=>'Nom *','style'=>($errors->first('last_name')) ? 'border-color:#e85256' : '')) ; ?></div>
						</div>
						<div class="row-fluid">
							<div class="span12"><?php echo  Form::text('email', Input::old('email',(Auth::user()->id>=1 ? Auth::user()->email:'')), array('class'=>'requis', 'placeholder'=>'Email *','style'=>($errors->first('email')) ? 'border-color:#e85256' : '')) ; ?></div>
						</div>
						<div class="clear"></div>
						<div class="left soustitre" style="margin-top:6px; margin-right:20px;">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;margin-bottom:20px !important;' : 'width:60px;margin-bottom:20px !important;')) ; ?>
						<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 d’utilisation.">J’ai lu et j’accepte les conditions générales d’utilisation.</a>
						</small>
						<div class="clear"></div>
						<small style="font-size:13px;">Nous traitons vos informations personnelles uniquement dans le cadre de la participation.<br><br></small>
						<div class="clear"></div>
					
						<button type="submit" class="btn btn-cadeau left btn-large">Valider</button>
						<div class="clear"></div>
						
						<small style="float:left; font-size:11px; line-height:14px;">
							<br>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() ; ?>
				</div>
				<div class="clear"></div>
				
				<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
				$('#jeparticipe').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 {
								return true;
							}
						}
					}
			        else {
			            modalMsg('Le Cadeau Vidéo','Vous devez accepter les conditions générales d\'utilisation.','n');
						return false;
			        }
				});
				</script>
				<?php endif; ?>
				
				<?php if($identif==false): ?>
				<div id="identiffalse">
				<?php endif; ?>
					<div class="bandeauTitle2">Date limite de participation : <?php echo  DateFunctions::format_date($participation->date_limite) ; ?></div>
					<div class="row-fluid imgFilm">
						<div class="span4">
							<?php if($participation->photo && $participation->photo!=''): ?>
								<img src="<?php echo  URL::to_route('photoprojets', array('400', '300', $participation->photo)) ; ?>" alt="<?php echo $participation->name; ?>" title="<?php echo $participation->name; ?>" />
							<?php else: ?>
								<img src="http://placehold.it/400x300&text=Le+Cadeau+Video">
							<?php endif; ?>
							<br><br>
						</div>
						<div class="span8 questions">
							<?php /* <span>RÉPONDEZ AUX QUESTIONS POUR <?php echo ucfirst($participation->cible_first_name); ?> EN MOINS DE 2 MINUTES.</span> */ ?>
							<ul>
								<li><b>1.</b> <?php echo ucfirst($participation->cible_first_name); ?> en une phrase?</li>
								<li><b>2.</b> <?php echo $participation->question2; ?></li>
								<li><b>3.</b> <?php echo $participation->question3; ?></li>
								<li><b>4.</b> <?php echo $participation->question4; ?></li>
								<li><b>5.</b> <?php echo $participation->question5; ?></li>
							</ul>
						</div>
					</div>
					<div class="clear"></div>
					
					<?php if(isset($_GET['t']) && $_GET['t']=='success'): ?>
					
					<?php else: ?>
					<?php // Iframe ?>
					<div class="iframe">
						<?php if($limite==true || $identif==false || !$participant): ?>
						<img src="<?php echo URL::to_asset('/image/iframe_apercu.png'); ?>">
						<?php else: ?>
							<br />
							<?php 
							/*
							// INCLURE IFRAME VIDEO ENTRE CES BALISES ?>
							<img src="http://placehold.it/763x383&text=IFRAME+Le+Cadeau+Video">
							<?php // FIN DE L'INCLUSION IFRAME ?>
							*/
							$mailvu = new MailVu();
							echo $mailvu->get_videoapplet($participant);
							?>
							Si l’image ne s’affiche pas, vérifiez la présence d’une bannière à cliquer en haut ou en bas de votre navigateur.
						<?php endif; ?>
					</div>
					<?php endif; ?>
					<div class="clear"></div>
					
					<?php // Boutons d'appel à l'action ?>
					<a href="#" class="left btn btnAction btnAction1" title="Ça ne marche pas? Pas de webcam? Le son est mauvais?">
						Ça ne marche pas? Pas de webcam? Le son est mauvais?<br>Transmettez une vidéo pour participer !
					</a>
					<div class="clear"></div>
					
					<?php // Upload vidéo FORM ?>
					<div id="bounceForm" class="left">
						<div class="left fullBandeau2 uploader">
							<h2>Transmettez une vidéo !</h2>
							<div class="soustitre">
								<ul>
									<li style="line-height:26px; margin-bottom:8px;">Filmez-vous avec un smartphone ou une tablette</li>
									<li style="line-height:26px; margin-bottom:8px;">Répondez aux 5 questions <strong>en moins de 2 minutes</strong></li>
									<li style="line-height:26px;">Utilisez une solution de transfert de fichiers (Dropbox, WeTransfer, dl.free.fr...) et indiquez le lien ci-dessous.</li>
								</ul>
							</div>
							<span class="left">Votre vidéo (lien)</span>
							<div class="clear"></div>
							
							<?php echo  Form::open(URL::to_route('jeparticipelink', array($participation->id, $participation->share_url)), 'POST', array('id'=>'jeparticipelink', 'class' => 'jeparticipelink', 'enctype'=>'multipart/form-data')) ; ?>
							<div>
								<?php echo  Form::text('upload_url', Input::old('upload_url'), array('class'=>'requis', 'placeholder'=>'URL de votre vidéo : (Dropbox, WeTransfer, dl.free.fr...)','style'=>($errors->first('upload_url')) ? 'border-color:#e85256' : '')) ; ?>
							</div>
							<button type="submit" class="btn btn-cadeau left btn-large">Soumettre</button>
							<div class="left ajaxLoader" style="padding:5px 0 0 10px; display:none;"><img src="<?php echo URL::to_asset('/image/ajax-loader.gif'); ?>" /></div>
							<div class="left ajaxLoader" style="clear:both; margin-top:10px; display:none;">Soyez patient, l’upload peut durer plusieurs minutes.</div>
							<?php echo  Form::close() ; ?>
							
							<?php
							/*
							<span class="left">Votre vidéo - 64Mo MAX - (format .mov .mp4 .3gp)</span>
							<div class="clear"></div>
							
							<?php echo  Form::open(URL::to_route('jeparticipefile', array($participation->id, $participation->share_url)), 'POST', array('id'=>'jeparticipefile', 'class' => 'jeparticipefile', 'enctype'=>'multipart/form-data')) ; ?>
							<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>
							<button type="submit" class="btn btn-cadeau left btn-large">Soumettre</button>
							<div class="left ajaxLoader" style="padding:5px 0 0 10px; display:none;"><img src="<?php echo URL::to_asset('/image/ajax-loader.gif'); ?>" /></div>
							<div class="left ajaxLoader" style="clear:both; margin-top:10px; display:none;">Soyez patient, l’upload peut durer plusieurs minutes.</div>
							<?php echo  Form::close() ; ?>
							*/
							?>
						</div>
					</div>
					<div class="clear"></div>
					
					<?php
					/*
					<script type="text/javascript">
					// Validation formulaire
					$('#jeparticipefile').submit(function(){
						if($('.fileupload-preview').html()==''){
							modalMsg('Le Cadeau Vidéo','Vous devez sélectionner une vidéo, veuillez réessayer.','n');
							return false;
						} else {
							$('.ajaxLoader').show();
							setTimeout(function(){
								modalMsg('Le Cadeau Vidéo','Il semble y avoir un problème. Veuillez réessayer. Si le problème persiste, contactez-nous via le formulaire de contact.','n');
								return false;
							}, 3600000); // 60 minutes
							return true;
						}
					});
					</script>
					*/
					?>
					
				<?php if($identif==false): ?>
				</div>
				<?php endif; ?>
				
			<?php if($limite==true): ?>
			</div>
			<?php endif; ?>
			
		</div>
		
		<?php // SIDEBAR ?>
		<div class="span4 sidebar">
			
			<?php if(isset($identif) && $identif==true): ?>
			<div style="margin-top:20px;">
				<a href="<?php echo  URL::to_route('forgetsession', $participation->id) ; ?>"><i class="icon-retweet"></i> Se connecter avec un autre email</a>
			</div>
			<?php endif; ?>
			
			<h1 style="margin-top:6px"><span class="hidden_mobile">&nbsp;<br></span>Mode d'emploi</h1>
			<?php if($identif==false): ?>
			<div id="sidebarfalse">
			<?php endif; ?>
				<?php echo view('home.sidebar')->with(get_defined_vars())->render(); ?>
			<?php if($identif==false): ?>
			</div>
			<?php endif; ?>
		</div>
		
		<script type="text/javascript">
		$(document).ready(function() {
			$('.th').each(function(){
				$(this).children().first().on('click',function(e){
					e.preventDefault();
					$(this).parent().children('ul').toggle(200);
				});
			});
			
			// Wizz form si btnAction1 click
			function doBounce(element, times, distance, speed, delay) {
				setTimeout(function(){
					for(var i = 0; i < times; i++) {
					    element.animate({marginTop: '-='+distance, marginBottom: '+='+distance}, speed)
					        .animate({marginTop: '+='+distance, marginBottom: '-='+distance}, speed);
					}
				}, delay);
			}
			$('.btnAction1').on('click',function(e){
				e.preventDefault();
				$('html, body').animate({ scrollTop: $('#bounceForm').offset().top }, 800);
				//$('#bounceForm').delay(600).effect("bounce", {times: 3}, 'slow');
				doBounce($('#bounceForm'), 5, '20px', 60, 820);
			});
		});
		
		<?php if($limite==true): ?>
		$('#limitetrue').css('opacity',0.3);
		$('#limitetrue .btn').css('cursor','default');
		$('#limitetrue').on('click',function(){return false;});
		<?php endif; ?>
		<?php if($identif==false): ?>
		$('#identiffalse, #sidebarfalse').css('opacity',0.3);
		$('#identiffalse .btn').css('cursor','default');
		$('#identiffalse, #identiffalse .btn, #sidebarfalse').on('click',function(){return false;});
		<?php endif; ?>
		</script>
		
	</div>
	<div class="clear"></div>
		
</div>
<div class="clear"></div>

<? // Modal Son ?>
<div id="modalSon" 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">Pas de son?</h3>
</div>
<div class="modal-body">
  	À droite de l'image de la webcam se trouve l'icône d'un micro.<br><br>
  	Cliquez et voyez si votre ordinateur dispose de plusieurs sources audio.<br>
  	Essayez les toutes jusqu'à trouver la bonne.<br><br>
  	Si ça ne fonctionne toujours pas, utilisez les solutions suivantes :<br>
  	<ul>
  		<li>Utilisez un smartphone ou une tablette</li>
  		<li>Empruntez l'ordinateur d'un ami</li>
  	</ul>
</div>
<div class="modal-footer">
	<a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Fermer</a>
</div>
</div>

<?php \Laravel\Section::stop(); ?>
<?php echo view('template')->with(get_defined_vars())->render(); ?>