


<div class="">
    <!-- Content Header (Page header) -->
   <!-- <section class="content-header">
      <h1>
        <?php echo $page_title;?>        
        <small><?php echo $sub_title;?></small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="<?php echo base_url();?>shift/dashboard"><i class="fa fa-home"></i> <?=$this->lang->line('general_home')?></a></li>
        <li><a href="#"><?php echo $page_title;?></a></li>
        <li class="active"><?php echo $sub_title;?></li>
      </ol>
    </section>-->
    
    
        <div class="filtersHeader">
             <div class="filter-section pull-left ">
            <div class="filter_icons borderRight">
                <a href="https://elog360.app/svkonekt_test/driver/add" data-toggle="modal" data-target="#addModal">
                     <span data-toggle="tooltip" data-placement="bottom" title="" class="iconSvk icon-add-icon" data-original-title="Add Driver"></span>
                     <!-- <img  data-toggle="tooltip" class="addPlusIcon" data-placement="bottom" title="Add Driver" src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/add-icon.svg" alt=""/> -->
                 </a>

                   <!-- <a href="">
                     <span data-toggle="tooltip" data-placement="bottom" title="Edit Driver" class="iconSvk icon-edit-icon"></span>
                    <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/edit-icon.svg" alt=""/>
                    </a>-->

                     <!--<a href="" >
                     <span data-toggle="tooltip" data-placement="bottom" title="Edit Driver" class="iconSvk icon-view-icon"></span>
                      <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/view-icon.svg" alt=""/> 
                    </a>-->
                <!--<a href="">
                     <span data-toggle="tooltip" data-placement="bottom" title="Edit Driver" class="iconSvk icon-delete-icon"></span>
                      <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/delete-icon.svg" alt=""/> 
                </a>-->
                <!-- <a href=""> <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/copyorder-icon.svg" alt=""/></a> -->

            </div>
        </div>

            <div class="filter-section  pull-right">
                <div class="filter_icons">

                    <a id="adv_filter" href="#" data-action="open" data-side="right" data-toggle="tooltip" class="adv_filter" data-original-title="" title="">
                        <span data-toggle="tooltip" data-placement="bottom" title="" class="iconSvk icon-filter-icon" data-original-title="Advanced Search"></span>
                        <!-- <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/filter-icon.svg" alt=""/> -->
                    </a>


                        
                                                    <!-- <div class="dropdown">
                                                        <button class="dropbtn"><span class="icon tru-icon-quick-menu"></span>
                                                        </button>
                                                            <div class="dropdown-content">
                                                            <a href="https://elog360.app/svkonekt_test/driver/add"><i class="icon tru-icon-add" ></i>Add Driver</a>
                                                                                                                        </div>
                                                    </div> -->

                                                    <div class="dropdown bcdropdown excelDrop">
                                                        <button class="dropbtn">
                                                            <!-- <span class="icon tru-icon-export"></span> -->
                                                            <span data-toggle="tooltip" class="iconSvk icon-download-icon" data-original-title="" title=""></span>
                                                            <!-- <img src="https://elog360.app/svkonekt_test/assets/newtheme/images/svgicons/download-icon.svg" alt=""/> -->
                                                        </button>
                                                            <div class="dropdown-content">
                                                                <a href="#" onclick="exportsOptions('excel')"><i class="icon tru-icon-excel"></i>Excel</a>
                                                                <a href="#" onclick="exportsOptions('pdf')"><i class="icon tru-icon-pdf"></i>PDF</a>
                                                                <a href="#" onclick="exportsOptions('print')"><i class="icon tru-icon-print"></i>Print</a>
                                                            </div>


                                        </div>
                </div>
            </div>
                    
        </div>
        
        
  <div class="content-section mtop10 bg-white mb70">       
    <section class="content mtop10">
         <div class="box">
          <div class="box-body">
              <form method="POST" name="searchform" id="searchform" action="<?php echo base_url('cabreports/slareports');?>">
                
                <div class="col-sm-3">
                <div class="row">
                <div class="input-group">
                  <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                  <input type="text" autocomplete="off" id="dp2" data-date-format="yyyy-mm-dd" placeholder="<?=$this->lang->line('general_from_date')?>" class="form-control input-sm select_date fromdate_search" name="fromdate_search" value="<?php echo $post['fromdate_search'];?>" onkeypress="return checkdate(event);" />
                </div>
                </div>
                 <div class="row" style="padding-top: 10px;">
                  
                  <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                    <input type="text" autocomplete="off" id="dp2" data-date-format="yyyy-mm-dd" placeholder="<?=$this->lang->line('general_to_date')?>" class="form-control input-sm select_date todate_search" name="todate_search"  value="<?php echo $post['todate_search'];?>" onkeypress="return checkdate(event);" />
                  </div>
                  </div>
                </div>
                <div class="col-sm-3">
                <div class="row">
                <div class="input-group">
                  <span class="input-group-addon"><i class="fa fa-user"></i></span>
                  <input type="text" placeholder="<?=$this->lang->line('trip_vehicle')?>" class="form-control input-sm" name="vehicle_search"  value="<?php echo $post['vehicle_search'];?>"/>
                </div>
                </div>
                <div class="row" style="padding-top: 10px;">
                  <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                    <input type="text" placeholder="<?=$this->lang->line('driver')?>" class="form-control input-sm" name="driver_search" value="<?php echo $post['driver_search'];?>"/>
                  </div>
                  </div>
                </div>
                <div class="col-md-3">
                <div class="row">
                <div class="input-group">
                  <span class="input-group-addon"><i class="fa fa-globe" aria-hidden="true"></i></span>
                  <select id="zone_search" class="form-control input-sm" name="zone_search">
                  <option value=""><?=$this->lang->line('select_zone')?></option>
                  <?php foreach($zones as $rw){ 
                  $srch1 = isset($post['zone_search']) ? $post['zone_search'] : '';
                    ?>
                  <option value="<?php echo $rw['id'];?>" <?php if($rw['id'] == $srch1){ echo "selected";}?>><?php echo $rw['zone_name'];?></option>
                  <?php } ?>
                  </select>
                </div>
                </div> 
                <div class="row" style="padding-top: 10px;">
                  <div class="input-group">
                  <span class="input-group-addon"><i class="fa fa-exchange" aria-hidden="true"></i></span>
                  <select id="type_search" class="form-control input-sm" name="type_search">
                  <?php $srch1 = isset($post['type_search']) ? $post['type_search'] : '0'; ?>
                  <!-- <option value="" <?php if($srch1 == ''){ echo "selected";}?>>Select Type</option> -->
                  <option value="0" <?php if($srch1 == '0'){ echo "selected";}?>><?=$this->lang->line('regular')?></option>
                  <!-- <option value="1" <?php if($srch1 == '1'){ echo "selected";}?>><?=$this->lang->line('return')?></option>
                  <option value="2" <?php if($srch1 == '2'){ echo "selected";}?>><?=$this->lang->line('empty')?></option> -->
                  </select>
                  </div>
                </div>
                </div>
                    
                <div class="col-md-3">
                <div class="row">
                <div class="input-group">
                  <span class="input-group-addon"><i class="fa fa-road" aria-hidden="true"></i></span>
                  <select placeholder="Route" class="form-control input-sm" id="shift_search" name="shift_search[]" multiple="multiple">
                  <option value=""><?=$this->lang->line('select_shipment')?></option>
                  <?php foreach($shifts as $rw){ 
                   
                  $srch = isset($post['shift_search']) ? $post['shift_search'] : array();
                    ?>
                  <option value="<?php echo $rw['id'];?>" <?php if(in_array($rw['id'],$srch)){ echo "selected";}?>><?php echo $rw['shipmentid']." => ".$rw['scity']." - ".$rw['dcity'];?></option>
                  <?php } ?>
                  </select>
                </div>
                </div>
                <div class="row" style="padding-top: 10px;">
                  <input type="submit" name="searchsubmit" id="searchsubmit" class="btn btn-primary btn-xs pull-right;" value="Search" onclick="return submitForm('<?php echo base_url('cabreports/slareports');?>')">
                    &nbsp;
                    <input type="submit" name="searchexportsubmit" id="searchexportsubmit" class="btn btn-primary btn-xs pull-right;" value="Export" onclick="return submitForm('<?php echo base_url('cabreports/dwnslareport');?>')">
                    &nbsp; 
                    </div>
                </div>
              </form>
            
              <div class="row">
              <div class="col-md-2">
                <div class="radio">
                <label>
                  <input type="radio" name="optionsRadios" id="optionsRadios1" class="optionsRadios1" value="1" checked onClick="return showhide(1);"> <?=$this->lang->line('general_summary')?>
                </label>
                </div>
              </div>
              <div class="col-md-3">
                <div class="radio">
                <label>
                  <input type="radio" name="optionsRadios" id="optionsRadios1" class="optionsRadios2" value="2" onClick="return showhide(0);"> <?=$this->lang->line('report_details')?>
                </label>
              </div>
              </div>
            </div>
        </div>
          <!-- /.box-header -->
          <div class="box-body no-padding table-responsive" id="details_tables" style="display:none">
          <input type="hidden" name="routeid" class="form-control" id="routeid" value="">
          <div class="col-md-12">
                <div id="no-more-tables" class="custom_tables">
                    <table class="table table-bordered table-striped table-condensed cf margin-bottom width100 dataTablesInfo" id="example2">
                            <thead class="cf">
                      <tr>
                          <td><?=$this->lang->line('id')?></td>
                          <td><?=$this->lang->line('trip_or_route')?></td>
                          <td><?=$this->lang->line('vehicle')?></td>
                          <td><?=$this->lang->line('driver')?></td>
                          <td><?=$this->lang->line('delay')?></td>
                          <td><?=$this->lang->line('distance')?> (<?php echo uom_symbol('km'); ?>)</td>
                          <!-- <td>Start Place</td> -->
                          <!-- <td>Trip Start</td>
                          <td><?=$this->lang->line('trip_end')?></td> -->
                          <td><?=$this->lang->line('shipments_d_p')?></td>
                          <td><?=$this->lang->line('volume_occupancy')?></td>
                          <td><?=$this->lang->line('weight_occupancy')?></td>
                          <td><?=$this->lang->line('trip_start')?></td>
                          <td><?=$this->lang->line('trip_end')?></td>
                        </tr>
                        </thead>
                                <tbody>
                                          <?php 
                                              if($tripsdata->num_rows()>0){
                                                 foreach($tripsdata->result() as $s){
                                                  $shiftdetail = getShiftByTrip($s->trip_id);
                                                  $occ=getOccupencybyTrip($s->trip_id);
                                         ?>
                                            <tr>
                                            <td><a class="btn btn-xs btn-warning map_btn" target="_blank" href="<?php echo base_url();?>map/trip/<?php echo $s->trip_id;?>" title="Map"><?php echo $s->trip_id;?></div></td> 
                                            <td><?php if(count($shiftdetail)>0){ 
                                              echo explode(',',$shiftdetail['splace'])[0]."<i class='fa fa-long-arrow-right' aria-hidden='true'></i>".explode(',',$shiftdetail['eplace'])[0]."(".$shiftdetail['stime']."-".$shiftdetail['etime'].")"; } else { echo "NA"; }?></td>
                                            <td><?php echo $s->register_number;?></td>
                                            <td><?php echo $s->name.' ('.$s->contact_num.')';?></td>
                                            <td><?php if($s->trip_type==2){
                                                echo "<i class='fa fa-check-circle' style='color:green;'></i>";
                                            }else{
                                            $drlate=strtotime($s->end_time)-strtotime(date("Y-m-d H:i:s",strtotime(date("Y-m-d",strtotime($s->start_time)).$s->dvrlate)));
                                            $d= floor($drlate / 60);
                                            if($d <= 1) { echo "<i class='fa fa-check-circle' style='color:green;'></i>"; }else { echo "<i class='fa fa-times-circle' style='color:red;'></i> ".$d." min.";
                                            }}?></td>
                                            <td><?php echo uom_value($s->trip_distance, 'km'); ?></td>
                                            <td><?php echo $s->attended_emp;?></td>
                                            <td><?php echo $avg_volume = isset($occ['avg_volume']) ? $occ['avg_volume'] : 0; ?>%</td>
                                            <td><?php echo $avg_weight = isset($occ['avg_weight']) ? $occ['avg_weight'] : 0; ?>%</td>
                                            <td><?php echo date("d M,Y H:i a",strtotime($s->start_time));?></td>
                                            <td><?php echo date("d M,Y H:i a",strtotime($s->end_time));?></td>
                                            </tr>
                                            <?php
                                                }
                                              }
                                                function get_words($string, $wordsreturned=15)
                                                {
                                                    $retval = $string;  //  Just in case of a problem
                                                    $array = explode(" ", $string);
                                                    /*  Already short enough, return the whole thing*/
                                                    if (strlen($string)<=$wordsreturned)
                                                    {
                                                        $retval = $string;
                                                    }
                                                    /*  Need to chop of some words*/
                                                    else
                                                    {
                                                        array_splice($array, $wordsreturned);
                                                        $retval = substr($string,0,$wordsreturned)."...";
                                                    }
                                                    return $retval;
                                                }              
                                                                ?>
                                </tbody>
                    </table>
            
                     <ul class="pagination pagination-sm no-margin pull-right">
                   <?php echo $this->pagination->create_links(); ?>
              </ul>
                </div>
            </div>
          </div>
          <div class="box-body no-padding table-responsive" id="summary_tables" style="display:block">
            <div class="col-md-12">
              <div id="no-more-tables" class="custom_tables">
                <table class="table table-bordered table-striped table-condensed cf margin-bottom" id="example1">
                <thead class="cf">
                    <tr>
                      <td><?=$this->lang->line('sno')?></td>
                      <td><?=$this->lang->line('vehicle')?></td>
                      <td><?=$this->lang->line('trips')?></td>
                      <td><?=$this->lang->line('km')?> (<?php echo uom_symbol('km'); ?>)</td>
                      <td><?=$this->lang->line('sla')?></td>
                      <td><?=$this->lang->line('volume_occupancy')?></td>
                      <td><?=$this->lang->line('weight_occupancy')?></td>
                      <td><?=$this->lang->line('distance')?> (<?php echo uom_symbol('km'); ?>)</td>
                    </tr>
                </thead>
                <tbody> 
                <?php
                if($tripsummarydata->num_rows() > 0)
                {
                  $i = 1;
                  foreach($tripsummarydata->result() as $strip)
                    $occ=getOccupencybyVehicle($strip->id);
                  {
                    ?>
                    <tr>  
                        <td><?php echo $i;?></td>
                        <td><?php echo $strip->register_number;?></td>
                        <td><?php echo $strip->tripcount;?></td>
                        <td><?php echo uom_value($strip->tripdist, 'km'); ?></td>
                        <td><?php $late = getdriverdelay($post,$strip->id);  echo $late;?>%</td>
                        <td><?php echo @$occ->avg_volume;?>%</td>
                        <td><?php echo @$occ->avg_weight;?>%</td>
                        <td><?php echo uom_value($strip->regdist, 'km'); ?></td>
                    </tr>
                  <?php
                  $i++;
                  }
                }
                ?>
                </tbody>
                </table>  
              </div>
            </div>
          </div>
          <div class="box-footer">
            <div class="row">
            <div class="col-md-12">
            </div>
            </div>
          </div>
           <!-- /.box-body -->
          </div>
    </section>
</div>
 </div>
 <link href="<?php echo base_url();?>assets/newtheme/plugins/toast/toastStyle.css" rel="stylesheet" type="text/css" />
	<script src="<?php echo base_url();?>assets/newtheme/plugins/toast/toast.js"></script>
  <script src="<?php echo base_url();?>assets/js/daysValidation.js"></script>
 <script type="text/javascript">
   $(document).ready(function() {
    $('#example1').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'excel', 'pdf', 'print','copy'
        ],
        searching: false, paging: false
    } );
    $('#example2').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'excel', 'pdf', 'print','copy'
        ],
        searching: false, paging: false
    } );    
} );
 </script>

 <?php
$pgin = $this->uri->segment('3');
if(isset($pgin))
{
  if($pgin != "" && is_numeric($pgin))
  {
    ?>
    <script type="text/javascript">
    $( document ).ready(function() 
    {
      showhide(0);
      $('.optionsRadios2').attr("checked", "checked");
    });
    </script>
  <?php
  }
}
?>
 <style type="text/css">
    .expandable{
        cursor: pointer;
    }
    .expandable:hover,.expandable:active{
        cursor: pointer;
        background-color: #cfcfd1 !important;
    }    
    
    .dataTables_wrapper .dataTables_info{    position: static;}
 </style>
 <script type="text/javascript">
    function gettoast(position, id, desp) {
        if (id != "") {
            if (!$('#' + id).hasClass('errorclass')) {
                $('#' + id).addClass('errorclass');
            }
        }
        init({
            fade_in: 800,
            fade_out: 800,
            position: position,
        });
        toast({
            type: 'custom',
            title: '<span style="color:#000000ab;">Warning Message</span>',
            description: '<span style="color:black;"><b>' + desp + '</b></span>',
            close_color: '#FF7F50',
            border_color: '#FF8C00',
            color: '#FFBF00',
            timeout: 900
        });
    }


    function submitForm(action){
        var fromDate=$('.fromdate_search').val();
        var toDate=$('.todate_search').val();
        if(fromDate=='' || toDate==''){
            gettoast('top-right', '', 'Please Select Date Range');
            return false;
        }
          
        var daysCount=getHistoryDaysCount(fromDate,toDate,'y-m-d','-');
        if(daysCount>30){
            gettoast('top-right', '', 'Max History Days Are Limited To 30 Days');
            return false;
        }
        
        var search = document.querySelector('input[name = "optionsRadios"]:checked').value;
        if(action.indexOf('dwnslareport') !== -1){
          action = action+'/'+search;
        }
        document.getElementById('searchform').action = action;
        document.getElementById('searchform').submit();
    }
</script>
<script type="text/javascript">

    function checkdate(evt)
    {
      var keyCode = (evt.which) ? evt.which : evt.keyCode
      if (keyCode == 8 || keyCode == 73)
      {
      $(this).val('');
      } 
      return false;
    }
     function showRow(id){
        $("[class=cont]").empty();
        $("[id=expanded]").hide();
        $(".expanbale-body-"+id).css("display","");
        $('#routeid').val(id);
        $('#data'+id).html("");
        loadVehs(id);
     }
    function closeme(id){
        $("[class=cont]").empty();
        $("[id=expanded]").hide();
    }
   
    function IsNumeric(e) {
            var keyCode = e.which ? e.which : e.keyCode
            if((keyCode < 48 || keyCode > 57))
              e.preventDefault();
    }

  $( document ).ready(function() 
  {
    $('.pagination a').click(function () 
    {
      /* alert("hi"); */
      var link = $(this).get(0).href; // get the link from the DOM object
      var form = $('#searchform'); // get the form you want to submit
      var segments = link.split('/');
      // assume the page number is the fifth parameter of the link
      //$('#page').val(segments[5]); // set a hidden field with the page number
      form.attr('action', link); 
      form.submit(); 
      /* console.log(segments[5]); */
      return false; // avoid the default behaviour of the link
    });
  });


function showhide(id)
{
  if(id == 0)
  {
    document.getElementById('details_tables').style.display="block";
    document.getElementById('summary_tables').style.display="none";
  }else if(id == 1)
  {
    document.getElementById('summary_tables').style.display="block";
    document.getElementById('details_tables').style.display="none";
  }
  
}
$(document).ready(function() {
  $('.select_date').datepicker({
        format: "yyyy-mm-dd"
    }); 
});
$("#zone_search").change(function(){
    var zone=$("#zone_search").val();
       $.ajax({
            url:"<?php echo base_url();?>cabreports/getZoneShifts",
            type:"POST",
            data:{"zone":zone},
            dataType:"json",
            beforeSend:function(data){
                $('#shift_search').empty();
                $(".buffer").show();
            },
            success:function(data){
                
                $.each(data,function(index,value){
                    var splace=value["splace"].substr(0, value["splace"].indexOf(','));
                    if(splace==""){
                        splace=value["splace"];
                    }
                    var eplace=value["eplace"].substr(0, value["eplace"].indexOf(','));
                    if(eplace==""){
                        eplace=value["eplace"];
                    }
                    $('#shift_search').append('<option value="'
                        +value["id"]
                        +'">'
                        +splace
                        +"-->"
                        +eplace
                        +"("
                        +value["stime"]
                        +"-"
                        +value["etime"]
                        +")"
                        +'</option>');
                });
            },
            complete:function(data){
                $(".buffer").hide();
            }
        });
});
</script>

<script type="text/javascript" src="<?php echo base_url();?>assets/cdn_files/jszip.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/newtheme/plugins/datatables/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/newtheme/plugins/datatables/jquery.dataTables.min.css">
<script type="text/javascript" src="<?php echo base_url();?>assets/cdn_files/buttons.html5.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/cdn_files/dataTables.buttons.min.js"></script>
<script src="<?php echo base_url();?>assets/cdn_files/buttons.flash.min.js" integrity="<?=SHA_BUTTONS_FLASH_MIN_JS?>" crossorigin="anonymous"></script>
<script src="<?php echo base_url();?>assets/cdn_files/buttons.print.min.js" ></script><link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/newtheme/plugins/datatables/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/newtheme/plugins/datatables/buttons.dataTables.min.css">
<script type="text/javascript" src="<?php echo base_url();?>assets/cdn_files/pdfmake.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/cdn_files/vfs_fonts.js"></script>