 
<?php $__env->startSection('content'); ?>
	<div class="row">
    	<div class="col-lg-12">
    		<h1 class="page-header">Vehicles</h1>
    	</div>
    </div>
    <div class="row">


                   <div class="col-lg-12">
                    <div class="panel panel-default">
                    	<?php if(session('status')): ?>
							<div class="alert alert-success">
								<?php echo e(session('status')); ?>

							</div>
						<?php endif; ?>
			
						<?php if(count($errors) > 0): ?>
							<div class="alert alert-danger">
								<strong>Whoops!</strong> There were some problems with your input.<br><br>
								<ul>
									<?php foreach($errors->all() as $error): ?>
										<li><?php echo e($error); ?></li>
									<?php endforeach; ?>
								</ul>
							</div>
						<?php endif; ?>
                      <div class="panel-heading">
                           Mileage Reports 	<a href="<?php echo e(url('uadmin/mileages/add')); ?>"> <i class="fa fa-plus fa-fw" style="float: right;" title="Add Report"></i> </a>
                                            <a href="mailto:bawb@centracom.com?cc=m.christensen@centracom.com&bcc=p.earl@centracom.com&Subject=Vehicle%20Change%20Request" title="Change Vehicle"> <i class="fa fa-recycle fa-fw" style="float: right; padding-right: 25px; padding-left: 25px;"></i> </a>
					  </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <div class="dataTable_wrapper">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example2">
                                    <thead>
                                        <tr>
                                       		<th>Vehicle</th>
                                       		<th>Month</th>
                                            <th>Ending Odometer</th>
                                            <th>Commute</th>
                                            <th>Personal</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <?php $count = 0; ?>
                                    <?php foreach($mileages as $mileage): ?>
                                    <?php $count++; ?>
                                    <?php if($count % 2 == 1): ?>
                                        <tr class="odd">
                                    <?php else: ?>
                                    	<tr class="even">
                                    <?php endif; ?>
                                    		<?php 
                                    			$vehicle = \App\Vehicle::find($mileage->vehicle); 
                                    			$details = \App\Mileage_detail::where('mileage','=',$mileage->id)->get();
                                    			$commute = 0;
                                    			$personal = 0;
                                    			foreach($details as $detail)
                                    			{
                                    				if($detail->type == 'commute')
                                    				{
                                    					$commute += $detail->miles;
                                    				}
                                    				elseif($detail->type == 'personal')
                                    				{
                                    					$personal += $detail->miles;
                                    				}
                                    			}
                                    		?>
                                            <td><?php echo e($vehicle->year . ' ' . $vehicle->make . ' ' . $vehicle->model); ?></td>
                                            <td><span style="display: none;"><?php echo e(date('Y-m', strtotime($mileage->date))); ?></span><?php echo e(date('M Y', strtotime($mileage->date))); ?></td>
                                            <td><?php echo e($mileage->odometer); ?></td>
                                            <td><?php echo e($commute); ?> Miles</td>
                                            <td><?php echo e($personal); ?> Miles</td>
                                        </tr>
                                  	<?php endforeach; ?>
                                       </tbody>
                                	</table>
                                </div>
                             </div>
                         </div>
                     </div>
                 </div>


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

<?php $__env->startSection('extras'); ?>
	<!-- DataTables CSS -->
    <!-- <link href="<?php echo e(asset('uad/css/plugins/dataTables.bootstrap.css')); ?>" rel="stylesheet">  -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.css"/>
    
    
    <style>
    	a:hover{
    		text-decoration: none;
    	}
    	.odd .subBack {
    		background-color: #f0fcff;
    	}
    	.even .subBack {
    		background-color: #ecf7fa;
    	}
    	.floatLeft
    	{
    		float: left;
    	}

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

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

    <!-- DataTables JavaScript 
    <script src="<?php echo e(asset('uad/js/plugins/dataTables/jquery.dataTables.js')); ?>"></script>
    <script src="<?php echo e(asset('uad/js/plugins/dataTables/dataTables.bootstrap.js')); ?>"></script> -->
	<script type="text/javascript" src="https://cdn.datatables.net/t/bs/pdfmake-0.1.18,dt-1.10.11,b-1.1.2,b-flash-1.1.2,b-html5-1.1.2,b-print-1.1.2/datatables.min.js"></script>

	
    
    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
    $(document).ready(function() {
    var table1 =    $('#dataTables-example2').dataTable( {
					"pageLength": 25,
					"order": [ 3, 'desc' ],
					"stateSave" : false,
					"scrollX" : window.innerWidth < 800 ? true : false

					
        } );  


    });

    

    
    
    if ( typeof $.fn.dataTable == "function" && typeof $.fn.dataTableExt.fnVersionCheck == "function" && $.fn.dataTableExt.fnVersionCheck('1.9.2')/*older versions should work too*/ )
    {
        $.fn.dataTableExt.oApi.clearSearch = function ( oSettings )
        {
     
            var table = this;
             
            //any browser, must include your own file
            //var clearSearch = $('<img src="/images/delete.png" style="vertical-align:text-bottom;cursor:pointer;" alt="Delete" title="Delete"/>');
             
            //no image file needed, css embedding must be supported by browser
            var clearSearch = $('<i class="fa fa-times-circle-o fa-fw" style="vertical-align:text-bottom;cursor:pointer;color: gray;"></i>');
            $(clearSearch).click( function ()
                    {
                          table.fnFilter('');
                    });
            $(oSettings.nTableWrapper).find('div.dataTables_filter').append(clearSearch);
            $(oSettings.nTableWrapper).find('div.dataTables_filter label').css('margin-right', '-16px');//16px the image width
            $(oSettings.nTableWrapper).find('div.dataTables_filter input').css('padding-right', '16px');
        }
     
        //auto-execute, no code needs to be added
        $.fn.dataTable.models.oSettings['aoInitComplete'].push( {
            "fn": $.fn.dataTableExt.oApi.clearSearch,
            "sName": 'whatever'
        } );
    }

    </script> 

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




<?php echo $__env->make('residential.templates.uadmin', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>