@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/polls') }}">
		<i class="bi bi-bar-chart-line"></i> Encuestas
	</a>
</li>

<li class="breadcrumb-item">
	<a href="#">
		<i class="fas fa-chart-pie"></i> Ver gráficos: {{ $poll->title }}
	</a>
</li>
@stop

@section('custom_meta')
<meta name="chart_poll_1_max" content="{{ str_replace(['[', ']'], ['', ''], collect($poll->getOptions->pluck('number_answers'))) }}">
<meta name="chart_poll_1_options" content="{{ str_replace(['[', ']'], ['', ''], collect($poll->getOptions->pluck('id'))) }}">
<meta name="chart_poll_1_pis" content="{{ str_replace(['[', ']'], ['', ''], collect($pis_meta)) }}">
<meta name="chart_poll_1_pis_prom" content="{{ str_replace(['[', ']'], ['', ''], collect($pis_prom)) }}">
<meta name="chart_poll_2_dates" content="{{ str_replace(['[', ']', '"'], ['', '', ''], collect($dates)) }}">
<meta name="chart_poll_2_dates_values" content="{{ str_replace(['[', ']', '"'], ['', '', ''], collect($dates_participations)) }}">
<meta name="chart_poll_3_values" content="{{ $sats.','.$nosats }}">
<meta name="chart_poll_3_values_2" content="{{ $nosats }}">
<meta name="chart_poll_3_labels" content="Satisfacción {{ $sats }}%, No Satisfecho {{ $nosats }}%">
@stop

@section('custom_js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.0.2/chart.min.js" integrity="sha512-dnUg2JxjlVoXHVdSMWDYm2Y5xcIrJg1N+juOuRi0yLVkku/g26rwHwysJDAMwahaDfRpr1AxFz43ktuMPr/l1A==" crossorigin="anonymous"></script>
<script src="{{ url('/static/js/charts.js?v='.time()) }}"></script>
@stop

@section('content')

<div class="row mtop32">
	<div class="col-md-12">
		<div class="panel">
			<div class="inside">
				<div class="title mb16">
					<h2><i class="fas fa-chart-pie"></i> Resumen de la encuesta</h2>
				</div>
				
				<div class="row mtop16">
					<div class="col-sm-4 col-md-4">
						<img src="{{ config('cms.cdn') }}/platform/shop/{{ $poll->shop_id }}/{{ $poll->getShop->logo_file_path }}/{{ $poll->getShop->logo_file_name }}" class="rounded-3 img-fluid">
					</div>
					<div class="col-sm-8 col-md-8">
						<table class="table table-hover table-bordered align-middle">
							<tbody>
								<tr>
									<td><strong>ID</strong></td>
									<td>{{ $poll->id }}</td>
								</tr>
								<tr>
									<td><strong>Titulo</strong></td>
									<td>{{ $poll->title }} <br> <strong>Restaurante: {{ $poll->getshop->name }}</strong></td>
								</tr>
								<tr>	
									<td><strong>Preguntas</strong></td>
									<td>{{ $poll->getOptions->count() }}</td>
								</tr>
								<tr>
									<td><strong>Participaciones</strong></td>
									<td>{{ $poll->getParticipations->whereBetween('created_at', [$date_from.' 00:00:00', $date_end.' 23:59:59', ])->count() }}</td>
								</tr>
								<tr>
									<td><strong>Creada</strong></td>
									<td>{{ $poll->created_at }}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				

				<a href="#" class="btn btn-success btn-sm d-print-none mtop16" onclick="window.print()">Imprimir</a>
			</div>
		</div>

		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h2><i class="fas fa-chart-pie"></i> Opciones de la encuesta ({{ $date_from }} - {{ $date_end }})</h2>
				</div>
				
				<table class="table table-hover table-bordered align-middle mtop16">
					<thead>
						<tr>
							<td><strong>Pregunta</strong></td>
							<td><strong>Valoración máxima</strong></td>
							<td><strong>Puntos totales</strong></td>
							<!--<td><strong>Promedio</strong></td>-->
						</tr>
					</thead>
					<tbody>
						@foreach($poll->getOptions as $option)
						<tr>
							<td>{{ $option->title }} <strong>(ID: {{ $option->id }})</strong> </td>
							<td>{{ $option->number_answers }}</td>
							<td>
								@if($option->otype == "0")
								{{ $pis[$option->id] }}
								@endif
							</td>
							<!--
							<td>
								@if($option->otype == "0" && $poll->getParticipations->whereBetween('created_at', [$date_from.' 00:00:00', $date_end.' 23:59:59', ])->count() > 0)
								{{ round($pis[$option->id] / $poll->getParticipations->whereBetween('created_at', [$date_from.' 00:00:00', $date_end.' 23:59:59', ])->count(), 2) }}
								@endif 
							</td> -->
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>

		<div class="page-break"></div>
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h2><i class="fas fa-chart-pie"></i> Gráfico consolidado por pregunta ({{ $date_from }} - {{ $date_end }})</h2>
				</div>
				
				<canvas id="chart_poll_1" class="chart_canvas" width="100%" height="100"></canvas>
			</div>
		</div>

		
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h2><i class="fas fa-chart-pie"></i> Gráfico participaciones por día ({{ $date_from }} - {{ $date_end }})</h2>
				</div>
				
				<canvas id="chart_poll_2" class="chart_canvas" width="100%" height="100"></canvas>
			</div>
		</div>

		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h2><i class="fas fa-chart-pie"></i> Gráfico Global ({{ $date_from }} - {{ $date_end }})</h2>
				</div>
				
				<canvas id="chart_poll_3" class="chart_canvas" width="100%" height="100"></canvas>
			</div>
		</div>

		@if($show_list == "1")
			<div class="panel mtop32">
				<div class="inside">
					<div class="title mb16">
						<h2><i class="fas fa-chart-pie"></i> Participaciones ({{ $date_from }} - {{ $date_end }})</h2>
					</div>
					
					@foreach($poll->getParticipations->whereBetween('created_at', [$date_from.' 00:00:00', $date_end.' 23:59:59', ]) as $participation)
						<table class="table table-hover table-bordered align-middle mtop16" style="margin-bottom: 16px;">
							<tr>
								<td colspan="2" style="border-top: 1px solid #e6e6e6 !important; padding: 8px;"><strong>Participación ID: {{ $participation->id }}</strong></td>
							</tr>
							<tr>
								<td style="border-top: 1px solid #e6e6e6 !important; padding: 8px;"><strong>Pregunta</strong></td>
								<td style="border-top: 1px solid #e6e6e6 !important; padding: 8px;"><strong>Respuesta</strong></td>
							</tr>
							<tbody>
								@foreach($poll->getOptions as $option)
								<tr>
									<td>{{ $option->title }}</td>
									<td>
										@if(array_key_exists('field_id_'.$option->id, json_decode($participation->participation, true)))
											{{ json_decode($participation->participation, true)['field_id_'.$option->id] }}
										@endif
									</td>
								</tr>
								@endforeach
							</tbody>
						</table>
					@endforeach
					
				</div>
			</div>
			
			
		@endif
	</div>
</div>
@endsection