@extends('frontend_template')
@section('content')

<main class="main-con">
	<section class="breadcrumb-con align-items-center">
		<div class="container-fluid">
			 {{ status_error(); }}
			<div class="row row-cols-1 row-cols-md-2">
				<div class="col-lg-8 col-12 align-self-center">
					<h5>{{ $sess_event['name'] }} {{$pagetitle;}} </h5>
				</div>	
			</div>
		</div>	
	</section>
</main>	

<section class="user_list">
	<div class="container-fluid">
		<div class="row mb-2">
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class="w-100 shadow p-3 mb-5 bg-body rounded border-start border-primary border-4">
					<h6>Total Registrations &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h6><br>
					<h4><b>{{isset($total) ? $total : 0; }}</b></h4>
				</div>
			</div>
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class="w-100 shadow p-3 mb-5 bg-body rounded border-start border-success border-4">
					<h6>Total Registrations Unique Companies</h6><br><h4><b>{{ isset($totaluniquecompany_count) ? $totaluniquecompany_count : 0 }}</b></h4>
				</div>
			</div>
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class="w-100 shadow p-3 mb-5 bg-body rounded border-start border-danger border-4">
					<h6>Total Attendee &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h6><br><h4><b>{{ isset($total_attendee) ? $total_attendee  : 0;}}</b></h4>
				</div>
			</div>
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class="w-100 shadow p-3 mb-5 bg-body rounded border-start border-warning border-4">
					<h6>Attendee Unique Companies</h6><br><h4><b>{{ isset($totaluniqueattendeecompany_count) ? $totaluniqueattendeecompany_count : 0 }}</b></h4>
				</div>
			</div>
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class="w-100 shadow p-3 mb-5 bg-body rounded border-start border-info border-4">
					<h6>Pre-Registered Attendee</h6><br><h4><b>{{ isset($attendee_pre) ? $attendee_pre : 0 }}</b></h4>
				</div>
			</div>
			<div class='col-md-2 col-12 d-flex align-self-stretch'>
				<div class=" w-100 shadow p-3 mb-5 bg-body rounded border-start border-secondary border-4">
					<h6>Onsite Attendee &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h6><br><h4><b>{{ isset($onsitereg_count) ? $onsitereg_count : 0; }}</b></h4>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-7 col-12 mb-3 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<div class="card">
						<div class="card-header">
					    	Attendance by Audience Type
					  	</div>
					  	<div class="card-body">
					  		<canvas id="speedChart"></canvas>
					  	</div>
					</div>
				</div>
			</div>
			<div class="col-md-5 col-12 mb-3 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<canvas id="donutgraph" ></canvas> 
					<div class="table-responsive">
						<table class="table table-bordered table-striped mt-2">
							<thead>
								<tr>
									<th></th>
									<th>Attendee</th>
									<th>Non-Attendee</th>
									<th>Total</th>
								</tr>
							</thead>
							<tbody>
																	<tr>
										<th colspan="4">No Record Found</th>
									</tr>
																<tr>
									
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		@if(isset($checkpoint) && is_array($checkpoint) && count($checkpoint) > 0)
		<div class="row mb-3">
			<div class="col-md-6 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<h5>Booth Details</h5>
					<table class="table table-bordered table-striped table-hover">
                        <tbody>
                            <tr class="table-dark">
                                <th>Checkpoint Name</th>
                                <th>Audience Visit Count</th>
                            </tr>
                                                        <tr class="table-danger">
                                <th>Total Count</th>
                                <th>
                                    {{isset($boothtotal) ? $total : 0}}
                              </th>
                            </tr>
                        </tbody>
                    </table>
				</div>		
			</div>
			<div class="col-md-6 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<div class="row">
						<div class="col-md-8">
							<h5>Graphical Representation of Booth Details</h5>
						</div>
						<!-- <div class="col-md-4">
							<form method="GET" action="{{ url('dashboard').'?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']; }}">
								<input type="hidden" name="event_id" value="{{ $sess_event['id'] }}">
								<input type="hidden" name="event_key" value="{{ $sess_event['unique_key'] }}">
								<select name="graph" class="form-control" onchange="this.form.submit()">
									<option>Select Graph Type</option>
									<option value="1" {{isset($_GET['graph']) && $_GET['graph'] == 1 ? 'Selected' :'selected'}}>Bar Graph</option>
									<option value="2" {{isset($_GET['graph']) && $_GET['graph'] == 2 ? 'Selected' :''}}>Donught Graph</option>
									<option value="3" {{isset($_GET['graph']) && $_GET['graph'] == 3 ? 'Selected' :''}}>Pie Graph</option>
								</select>
							</form>
						</div> -->
					</div>
										<canvas id="bargraph" style="width:100%;max-width:600px"></canvas>
									</div>
			</div>							
		</div>
		@endif
		@if(isset($halls) && is_array($halls) && count($halls) > 0)
		@if(isset($hall_session) && is_array($hall_session) && count($hall_session) > 0)
		<div class="row mb-3">
			<div class="col-md-6 col-12 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<h5>Hall & Session Details</h5>
					<table class="table table-bordered table-hover">
						<tbody>
							<tr class="table-dark">
								<th></th>
								<th>Audience Visit Count</th>
							</tr>
														<tr class="table-dark"></tr>
						</tbody>
					</table>			
				</div>
			</div>
			<div class="col-md-6 col-12 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<div class="row">
						<div class="col-md-8">
							<h5>Graphical Representation of Hall & Session Details</h5>
						</div>
						<!-- <div class="col-md-4">
							<form method="GET" action="{{ url('dashboard').'?event_id='.$sess_event['id'].'&event_key='.$sess_event['unique_key']; }}">
								<input type="hidden" name="event_id" value="{{ $sess_event['id'] }}">
								<input type="hidden" name="event_key" value="{{ $sess_event['unique_key'] }}">
								<select name="graph" class="form-control" onchange="this.form.submit()">
									<option>Select Graph Type</option>
									<option value="1" {{isset($_GET['graph']) && $_GET['graph'] == 1 ? 'Selected' :'selected'}}>Bar Graph</option>
									<option value="2" {{isset($_GET['graph']) && $_GET['graph'] == 2 ? 'Selected' :''}}>Donught Graph</option>
									<option value="3" {{isset($_GET['graph']) && $_GET['graph'] == 3 ? 'Selected' :''}}>Pie Graph</option>
								</select>
							</form>
						</div> -->
					</div>
									</div>
			</div>
		</div>
		@endif
		@endif
		<div class="row mb-3">
			<div class="col-md-3 col-12 d-flex align-self-stretch">
				<div class="w-100 shadow p-3 mb-5 bg-body rounded">
					<h5>Registration Type of <br>Attendees (