<?php
	
	echo '<div class="row expanded page-statistics">';


		// header	
		echo '<div class="small-12 expanded columns">';
			
			echo '<div class="row">';
				echo '<div class="small-12 columns"><h1 class="progress-header text-center">Offertes</h1></div>';
			echo '</div>';
		
		echo '</div>';

		//d($data["current"]);
		// contents
		echo '<div class="small-12 columns enquiries-contents">';
			echo '<div class="row">';
			
			echo '<div class="small-12 medium-8 columns">';
				
				echo '<div class="callout">';
					echo '<div class="callout-header"><h4>'. ($data["current"] ? preg_replace("/-/"," ",ucfirst($data["current"])) : " Algemeen") .'</h4><select name="" class="hide"><option>December 2023</option><option>November 2023</option></select></div>';
					
					echo '<div class="callout-body">';
						echo '<ul class="count-list">';
							echo '<li>Deze week <strong>'. $data["stats"]["current_week"] .'<span class="diff'.( $data["stats"]["diff_week"] >= 0 ? " diff__green" : "").'">'. $data["stats"]["diff_week"] .'</span></strong></li>';
							echo '<li>Vorige week <strong>'. $data["stats"]["previous_week"] .'</strong></li>';
							echo '<li>Deze maand <strong>'. $data["stats"]["current_month"] .'<span class="diff'.( $data["stats"]["diff_month"] >= 0 ? " diff__green" : "").'">'. $data["stats"]["diff_month"] .'</span></strong></li>';
							echo '<li>Vorige maand <strong>'. $data["stats"]["previous_month"] .'</strong></li>';
							echo '<li>Totaal jaar <strong>'. $data["stats"]["total_year"] .'</strong></li>';
						echo '</ul>';	
						echo '<div class="chart"><canvas id="chart"></canvas></div>';
					echo '</div>';
					
				echo '</div>';
			echo '</div>';
			
			
			
			echo '<div class="small-12 medium-4 columns">';
			
				echo '<div class="callout">';
				
					echo '<div class="callout-header"><h4>Per gebruiker</h4><select name="" class="hide"><option>December 2023</option><option>November 2023</option></select></div>';
					
					echo '<div class="callout-body">';
						echo '<ul class="users-list">';
						echo '<li class="header">Gebruiker <strong>Periode</strong></li>';
						
						foreach($data["users"] as $user)
						{
							echo '<li>
									'. $user["full_name"] .'
									<span class="actions">
										<strong class="offer-count hide">'. $user["offers"] .'</strong>
										<a href="/request/analitics/'. $user["user_id"]   .'/'. preg_replace("/ /","-",$user["full_name"])  .'" class="user-details"><i class="fa fa-line-chart" aria-hidden="true"></i></a>
									</span>
								</li>';
							
						}
						
					echo '</ul>';
					echo '</div>';
				
				echo '</div>';

			echo '</div>';

				 
			echo '</div>';	
		echo '</div>';
		

				
	echo '</div>';		


?>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	<script>
		
	  const ctx = document.getElementById('chart');

	  new Chart(ctx, {
	    //type: 'bar',
	    data: {
	      	labels: <?php echo json_encode($data["stats"]["labels"]); ?>,
			datasets: [
				<?php
					if(isset($data["stats"]["extra"]["winner"])){
						
						echo "{
							type: 'line',
							label : 'Truck verkocht',
										borderColor: 'rgba(255,0,0,1)',
										backgroundColor: 'rgba(255,0,0,1)',
								
							data : [". implode(",",$data["stats"]["extra"]["winner"]) ."],
						},";
					}
				?>	
				{
					type: 'bar',
					label : 'Gemaakte offertes',
								borderColor: '#FFB900',
								backgroundColor: 'rgba(255,185,0,1)',
								borderWidth: 1,
					data : [<?php echo implode(",",$data["stats"]["dataset"]); ?>],
				},
			]
					
	    },
		options: {
		        plugins: {
		            legend: {
		               display: false
		            },
		        },
				scales: {
				      x: {
				        stacked: true,
				      },
				      y: {
				       stacked: true
				      }
				    }
		    }
	  });
	</script>