
<?php \Laravel\Section::start('content'); ?>

<div class="wrapper pageType monCompte monCompteProjet">
	
	<h1><?php echo  $project->name ; ?></h1>
	
	<form method="post" enctype="multipart/form-data" id="saveProjet" action="<?php echo  URL::to_action('customerarea@saveprojet', $project->id); ; ?>">
	
		<a href="<?php echo URL::to_route('customerarea_index'); ?>" class="left btn btn-cadeau"><i class="icon-caret-left"></i> Retour à mon compte</a>
		
		<button type="submit" class="left btn btn-cadeau btnSave">Sauvegarder</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="clear"></div>
		
		<?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 endif; ?>
		<div class="clear"></div>
	
		<div class="row-fluid">
			<div class="span6">
				<div class="bandeauTitle2">Informations principales</div>
				<?php echo  Form::text('name', Input::old('name', (isset($project) ? $project->name : NULL)), array('class'=>'requis', 'placeholder'=>'Nom du projet','style'=>($errors->first('name')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('cible_last_name', Input::old('cible_last_name', (isset($project) ? $project->cible_last_name : NULL)), array('class'=>'requis', 'placeholder'=>'Nom de la cible','style'=>($errors->first('cible_last_name')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('cible_first_name', Input::old('cible_first_name', (isset($project) ? $project->cible_first_name : NULL)), array('class'=>'requis', 'placeholder'=>'Prénom de la cible','style'=>($errors->first('cible_first_name')) ? 'border-color:#e85256' : '')) ; ?>
				<span>Date limite de participation * :</span>
				<?php echo  Form::text('date_limite', Input::old('date_limite', (isset($project) ? substr($project->date_limite,8,2).'/'.substr($project->date_limite,5,2).'/'.substr($project->date_limite,0,4) : NULL)), array('class'=>'datepicker requis','style'=>($errors->first('date_limite')) ? 'border-color:#e85256' : '')); ; ?>
				<i class="icon-calendar"></i>
				<div class="clear"></div>
				<div class="soustitre">Thème sonore</div>
				<?php echo  Form::radio('theme', 'Happy Fanfare', (isset($project) && $project->theme=="Happy Fanfare" ? true : false)) ; ?> 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', (isset($project) && $project->theme=="Total Circus" ? true : 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', (isset($project) && $project->theme=="Fire Rock" ? true : 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', (isset($project) && $project->theme=="Spoutnik Rythm" ? true : 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>
			<div class="span6">
				<div class="bandeauTitle2">Questions</div>
				<?php if($project->invites && count($project->invites)>=1): ?>
				<?php echo  Form::text('question1', Input::old('question1', (isset($project) ? $project->question1 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 1','style'=>($errors->first('question1')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question2', Input::old('question2', (isset($project) ? $project->question2 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 2','style'=>($errors->first('question2')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question3', Input::old('question3', (isset($project) ? $project->question3 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 3','style'=>($errors->first('question3')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question4', Input::old('question4', (isset($project) ? $project->question4 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 4','style'=>($errors->first('question4')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question5', Input::old('question5', (isset($project) ? $project->question5 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 5','style'=>($errors->first('question5')) ? 'border-color:#e85256' : '')) ; ?>
				<?php else: ?>
				<?php echo  Form::text('question1', Input::old('question1', (isset($project) ? $project->question1 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 1','style'=>($errors->first('question1')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question2', Input::old('question2', (isset($project) ? $project->question2 : NULL)), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 2','style'=>($errors->first('question2')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question3', Input::old('question3', (isset($project) ? $project->question3 : NULL)), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 3','style'=>($errors->first('question3')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question4', Input::old('question4', (isset($project) ? $project->question4 : NULL)), array('class'=>'requis', 'maxlength'=>'60', 'placeholder'=>'Question 4','style'=>($errors->first('question4')) ? 'border-color:#e85256' : '')) ; ?>
				<?php echo  Form::text('question5', Input::old('question5', (isset($project) ? $project->question5 : NULL)), array('disabled'=>'disabled','class'=>'requis', 'placeholder'=>'Question 5','style'=>($errors->first('question5')) ? 'border-color:#e85256' : '')) ; ?>
				<?php endif; ?>
			</div>
		</div>
		<div class="clear"></div>
		<div class="row-fluid">
			<div class="span6">
				<div class="bandeauTitle2">Modifier la photo</div>
				<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>
				<span>Important : Format JPG/JPEG seulement.</span>
		     	<?php echo  $errors->first('photo', '<span class="help-inline">:message</span>') ; ?>
			</div>
			<div class="span6">
				<div class="bandeauTitle2">Photo actuelle</div>
				<?php if($project->photo && $project->photo!=''): ?>
					<img src="<?php echo  URL::to_route('photoprojets', array('546', '320', $project->photo)) ; ?>" alt="<?php echo $project->name; ?>" title="<?php echo $project->name; ?>" />
				<?php else: ?>
					Aucune photo choisie pour le moment.
				<?php endif; ?>
			</div>
		</div>
		<div class="clear"></div>
	
	</form>
	
</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">
$('#saveProjet').submit(function(){
	$('.ajaxLoader').show();
});

$('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(); ?>