@if(isset($data1))
        @empty($data1['data'])
            <p class="bg-danger text-white p-1" style="border: 1px solid gray; border-radius: 5px; text-align:center;">No data found!</p>        @else
			<div class="chart-bar">
				<h3 id="data_loader" style="text-align:center; padding:10px; width:100%; display:inline-grid;"><i class="fa fa-spinner fa-spin"></i> </h3>
				<canvas id="myBarChart"></canvas>
			</div>
			<hr>
			<style>
				table{font-size:16px;}
				.table_div thead tr, .table_div tbody tr:hover{background-color: #D5D5D5;}
			</style>
			<div class="row">
				<div class="col-md-6">Total number of states: <b id="total_states">{{$data1['total_states']}}</b></div>
				<div class="col-md-6 text-right">Total records for the selected date ({{$data1['selected_date']}}): <b id="total_records">{{$data1['total_records']}}</b></div>
			</div>
			<div style="clear:both;"></div>
			<table class="table table-striped table-bordered" style="/*table-layout: fixed;*/ width: 100%;">
                <thead>
                    <tr>
                        @foreach ($data1['data'][0] as $key=>$val)
                        <th>{{ $key }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
										@foreach($data1['data'] as $row)
                    <tr>
												@foreach ($row as $key=>$val)
						<td class="ellipsis" title="{{ $val }}">{{ $val }}</td>
                        @endforeach
                    </tr>
                    @endforeach
					<tr style="font-weight:bold;">
						<td>&nbsp;</td>
						<td>Total Records</td>
						<td>{{$data1['total_records']}}</td>
					</tr>
                </tbody>
            </table>
			<script>
				var myLabels=[""]; var myLabel="Counts";
				var myData=[]; var myMax=0;
				var xMaxTicksLimit=; var yMaxTicksLimit=10;
			</script>
        @endempty
    @else
        <p class="bg-danger text-white p-1" style="border: 1px solid gray; border-radius: 5px; text-align:center;">No data found!</p>    @endif