
<?php \Laravel\Section::start('content'); ?>

<?php echo view('customerarea.menu')->with(get_defined_vars())->render(); ?>

<div class="wrapper wrapperCompte">
	<h1>Suivi de votre contrat de maintenance !</h1>
</div>	
<?php if($customer->maintenance=='y'): ?>
	<?php
		// Pie Chart
		$pourcentages = explode("|", $maintenance->pourcentage_mois());
	?>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
		google.load('visualization', '1.0', {'packages':['corechart']});

		// Premier - Pie Chart
		function drawChart1() {
			var data = new google.visualization.DataTable();
			data.addColumn('string', 'Topping');
			data.addColumn('number', 'Slices');
			data.addRows([
				['Travail effectué dont <?php echo $maintenance->interventions_mois(); ?> intervention(s) <?php echo  $maintenance->heures_mois() ; ?>h/<?php echo  str_replace('.',',',$maintenance->temps_initial) ; ?>h', <?php echo  round($pourcentages[0]) ; ?>],
				['Travail restant pour le mois', <?php echo  round($pourcentages[1]) ; ?>]
			]);
			
			var options = {
						width: 1000,
						height: 400,
						backgroundColor: '#F7F7F7',
						colors: ['#e85256','#B9B9B9'],
						chartArea:{left:60,top:30,width:"80%",height:"75%"},
			          };
			
			var chart = new google.visualization.PieChart(document.getElementById('chart_div1'));
			chart.draw(data, options);
		}
		
		// Deuxième - Column Chart
		function drawChart2() {
			var dataTable = new google.visualization.DataTable();
			dataTable.addColumn('string', 'Jours');
			dataTable.addColumn('number', 'Nombre d\'heures');

			dataTable.addColumn({type: 'string', role: 'tooltip'});
			dataTable.addRows([
				<?php foreach($maintenance->details_mois() as $date=>$t): ?>
				['<?php echo  $date ; ?>', <?php echo $t['duree']; ?>, '<?php echo  $t['tooltip'] ; ?> (<?php echo  number_format($t['duree'],2, ',', ' ') ; ?>h de travail)'],
				<?php endforeach; ?>
			]);
			
			var options = {
				title: 'Passez votre souris sur le jour de votre choix pour obtenir des détails supplémentaires',
				colors: ['#e85256'],
				hAxis: {title: 'Mois en cours (<?php echo date("m").'/'.date("Y"); ?>)', titleTextStyle: {color: '#B9B9B9'}},
				chartArea:{left:100,top:50,width:"70%",height:"75%"},
			};
			
			var chart = new google.visualization.ColumnChart(document.getElementById('chart_div2'));
			chart.draw(dataTable, options);
		}

		// Troisième - Column Chart
		function drawChart3() {
			var data = google.visualization.arrayToDataTable([
				['Mois', 'Nombre d\'heures', 'Base horaire'],
				<?php foreach($maintenance->details_annees() as $date=>$t): ?>
				['<?php echo  $date ; ?>', <?php echo  $t ; ?>, <?php echo  $maintenance->temps_initial ; ?>],
				<?php endforeach; ?>
			]);
			
			var options = {
				backgroundColor: '#F7F7F7',
				colors: ['#e85256','#B9B9B9'],
				hAxis: {title: 'Année en cours (<?php echo date("Y"); ?>)', titleTextStyle: {color: '#B9B9B9'}},
				chartArea:{left:100,top:50,width:"70%",height:"75%"},
			};
			
			var chart = new google.visualization.ColumnChart(document.getElementById('chart_div3'));
			chart.draw(data, options);
		}
		
		google.setOnLoadCallback(drawChart1);
		google.setOnLoadCallback(drawChart2);
		google.setOnLoadCallback(drawChart3);
    </script>
	    
	<div class="wrapperCompte">
		<div class="wrapper">
			<h3>Votre <strong>contrat de maintenance</strong></h3>
			
			<div class="span3">
				<div class="circleChart">
					<span>Début du contrat</span><br><?php echo  substr(DateFunctions::format_date($maintenance->date_debut),0,5) ; ?><br><span><?php echo  substr($maintenance->date_debut,0,4) ; ?></span>
				</div>
			</div>
			<div class="span3">
				<div class="circleChart">
					<span>Prix mensuel</span><br><?php echo  str_replace('.',',',$maintenance->prix_fixe) ; ?> &euro;<br><span>HT</span>
				</div>
			</div>
			<div class="span3">
				<a href="#pourcentage-mois" class="circleChart">
					<span>Ce mois-ci</span><br><?php echo  $maintenance->heures_mois() ; ?>h<br><span>sur <?php echo  str_replace('.',',',$maintenance->temps_initial) ; ?>h</span>
				</a>
			</div>
			<div class="span3">
				<a href="#taches-mois" class="circleChart">
					<span>Ce mois-ci</span><br><?php echo  $maintenance->interventions_mois() ; ?><br><span>intervention(s)</span>
				</a>
			</div>
			<div class="clear"></div>
		</div>	
	</div>
	
	<div id="pourcentage-mois" style="position:absolute; margin-top:-91px;"></div>
	<div class="wrapperCompteChart gris">
		<div class="wrapper">
			<h3>Aperçu du <strong>mois courant</strong></h3>
			<div id="chart_div1" style="width: 1000px; height: 400px;"></div>
		</div>
	</div>
	
	<div id="taches-mois" style="position:absolute; margin-top:-91px;"></div>
	<div class="wrapperCompteChart">
		<div class="wrapper">
			<h3>Détails sur les <strong>tâches effectuées ce mois-ci</strong></h3>
			<div id="chart_div2" style="width: 1000px; height: 400px; margin-bottom:40px;"></div>
		</div>	
	</div>
	
	<div class="wrapperCompteChart gris">
		<div class="wrapper">
			<h3><strong>Vue générale</strong> de votre contrat de maintenance</h3>
			<div id="chart_div3" style="width: 1000px; height: 400px; padding-bottom:40px;"></div>
		</div>
	</div>
<?php else: ?>
	<div class="wrapper wrapperCompte">
			<center>
				<p>
					Vous ne disposez pas encore de <strong>contrat de maintenance</strong>?<br /><br />
					Nous vous invitons à consulter nos <a href="<?php echo  str_replace('fr/','',URL::to_route('maintenance_'.$lang)); ; ?>" title="<?php echo  __('site.maintenance') ; ?>">offres de maintenance CKC-Net</a> ou à <a href="<?php echo  str_replace('fr/','',URL::to_route('contact_'.$lang)); ; ?>" title="<?php echo  __('site.contact') ; ?>">nous contacter</a> pour plus d'informations.<br /><br /><br />
					<a href="<?php echo  str_replace('fr/','',URL::to_route('maintenance_'.$lang)); ; ?>" class="btn btn-large"><?php echo  __('site.maintenance') ; ?>&nbsp;&nbsp;<i class="icon-chevron-down"></i></a>&nbsp;&nbsp;
					<a href="<?php echo  str_replace('fr/','',URL::to_route('contact_'.$lang)); ; ?>" class="btn btn-large btn-danger" title="<?php echo  __('site.contactez_nous') ; ?>">Contactez-nous&nbsp;&nbsp;<i class="icon-comments"></i></a>
				</p>
			</center>
	</div>
<?php endif; ?>
<div class="clear"></div>

<?php \Laravel\Section::stop(); ?>

<?php echo view('template')->with(get_defined_vars())->render(); ?>