<?php $__env->startSection('title', 'Dashboard '); ?>

<?php $__env->startSection('styles'); ?>
	<link rel="stylesheet" href="<?php echo e(url('main/vendor/jvectormap/jquery-jvectormap-2.0.3.css')); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="content-area py-1">
<div class="container-fluid">
	<div class="row bg-title">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title"><?php echo app('translator')->get('admin.dashboard'); ?></h4>
        </div>
    </div>
	<div class="row row-md">
		<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
			<div class="box box-block bg-white tile tile-3 m-b-2">
				<div class="t-icon right"><i class="ti-panel text-danger"></i></div>
				<div class="t-content">
					<h6 class="text-uppercase text-danger"><?php echo app('translator')->get('admin.panel.total_no_rides'); ?></h6>
					<h1 class="m-b-0"><?php echo e($rides->count()); ?></h1>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
			<div class="box box-block bg-white tile tile-3 m-b-2">
				<div class="t-icon right"><i class="ti-bar-chart text-success"></i></div>
				<div class="t-content">
					<h6 class="text-uppercase text-success"><?php echo app('translator')->get('admin.panel.revenue'); ?></h6>
					<h1 class="m-b-0"><?php echo e(currency($revenue)); ?></h1>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
			<div class="box box-block bg-white tile tile-3 m-b-2">
				<div class="t-icon right"><i class="ti-view-grid text-primary"></i></div>
				<div class="t-content">
					<h6 class="text-uppercase text-primary"><?php echo app('translator')->get('admin.panel.no_service_types'); ?></h6>
					<h1 class="m-b-0"><?php echo e($service); ?></h1>
				</div>
			</div>
		</div>
		<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
			<div class="box box-block bg-white tile tile-3 m-b-2">
				<div class="t-icon right"><i class="ti-alert text-warning"></i></div>
				<div class="t-content">
					<h6 class="text-uppercase text-warning"><?php echo app('translator')->get('admin.panel.total_cancelled_rides'); ?></h6>
					<h1 class="m-b-0"><?php echo e($cancel_rides); ?></h1>
				</div>
			</div>
		</div>
	</div>
	<div class="row row-md mb-2">
		<div class="col-md-12">
				<div class="box bg-white">
					<div class="box-block clearfix">
						<h5 class="float-xs-left"><?php echo app('translator')->get('admin.panel.rides'); ?></h5>
						<div class="float-xs-right">
							<button class="btn btn-link btn-sm text-muted" type="button"><i class="ti-close"></i></button>
						</div>
					</div>
					<table class="table mb-md-0">
						<tbody>
						<?php $diff = ['-success','-info','-warning','-danger']; ?>
						<?php $__currentLoopData = $rides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $ride): $__env->incrementLoopIndices(); $loop = $__env->getFirstLoop(); ?>
							<tr>
								<th scope="row"><?php echo e($index + 1); ?></th>
								<td><?php echo e($ride->user->first_name); ?> <?php echo e($ride->user->last_name); ?></td>
								<td>
									<?php if($ride->status != "CANCELLED"): ?>
										<a class="text-info" href="<?php echo e(route('fleet.requests.show',$ride->id)); ?>"><span class="underline"><?php echo app('translator')->get('admin.panel.view_ride_details'); ?></span></a>
									<?php else: ?>
										<span><?php echo app('translator')->get('admin.panel.no_details_found'); ?></span>
									<?php endif; ?>									
								</td>
								<td>
									<span class="text-muted"><?php echo e($ride->created_at->diffForHumans()); ?></span>
								</td>
								<td>
									<?php if($ride->status == "COMPLETED"): ?>
										<span class="label label-table label-success"><?php echo e($ride->status); ?></span>
									<?php elseif($ride->status == "CANCELLED"): ?>
										<span class="label label-table label-danger"><?php echo e($ride->status); ?></span>
									<?php else: ?>
										<span class="label label-table label-primary"><?php echo e($ride->status); ?></span>
									<?php endif; ?>
								</td>
							</tr>
							<?php if($index==10) break; ?>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getFirstLoop(); ?>
							
						</tbody>
					</table>
				</div>
			</div>

		</div>

	</div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
	<script type="text/javascript" src="<?php echo e(url('main/vendor/jvectormap/jquery-jvectormap-2.0.3.min.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(url('main/vendor/jvectormap/jquery-jvectormap-world-mill.js')); ?>"></script>

	<script type="text/javascript">
		$(document).ready(function(){

		        /* Vector Map */
		    $('#world').vectorMap({
		        zoomOnScroll: false,
		        map: 'world_mill',
		        markers: [
		        <?php $__currentLoopData = $rides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ride): $__env->incrementLoopIndices(); $loop = $__env->getFirstLoop(); ?>
		        	<?php if($ride->status != "CANCELLED"): ?>
		            {latLng: [<?php echo e($ride->s_latitude); ?>, <?php echo e($ride->s_longitude); ?>], name: '<?php echo e($ride->user->first_name); ?>'},
		            <?php endif; ?>
		        <?php endforeach; $__env->popLoop(); $loop = $__env->getFirstLoop(); ?>

		        ],
		        normalizeFunction: 'polynomial',
		        backgroundColor: 'transparent',
		        regionsSelectable: true,
		        markersSelectable: true,
		        regionStyle: {
		            initial: {
		                fill: 'rgba(0,0,0,0.15)'
		            },
		            hover: {
		                fill: 'rgba(0,0,0,0.15)',
		            stroke: '#fff'
		            },
		        },
		        markerStyle: {
		            initial: {
		                fill: '#43b968',
		                stroke: '#fff'
		            },
		            hover: {
		                fill: '#3e70c9',
		                stroke: '#fff'
		            }
		        },
		        series: {
		            markers: [{
		                attribute: 'fill',
		                scale: ['#43b968','#a567e2', '#f44236'],
		                values: [200, 300, 600, 1000, 150, 250, 450, 500, 800, 900, 750, 650]
		            },{
		                attribute: 'r',
		                scale: [5, 15],
		                values: [200, 300, 600, 1000, 150, 250, 450, 500, 800, 900, 750, 650]
		            }]
		        }
		    });
		});
	</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('fleet.layout.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>