@extends('layouts.blank')

<style>
.inlinepopup-export {
  display: none
}
  </style>

<div class="modal fade" id="gridModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg-long" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">
        {{$unit_name}} - {{ucfirst($alert_type)}} - Alert logs  
        </h5>
        <div class="row excel_to_report_btn ">                                               
            <div class="col-6"></div>
            <div class="col-6 text-right">
                <button type="button" id='export_excelPopup' class="btn btn-outline-primary float-right"><i class="fa fa-file-excel"></i> Export to Excel</button>
            </div>
        </div>           
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>        
      <div class="modal-body"> 
        
        <div class="detailed-info-table">
                       
                        <div class="info-table">
                            <table id="alertlog" class="table table-striped data-table">
                               <thead class="thead-dark">
                                @if ($alert_type == 'idling') 
                                <tr>           
                                  <th>Start Date</th>        
                                  <th >End Date</th> 
                                  <th >Idle duration</th>
                                  <th >Status</th>
                                  <th >Location</th>
                              </tr>
                                   
                                   @else
                                   <tr>            
                                    <th>#</th>
                                    <th>Date/Time</th>        
                                    <th >Location</th> 
                                     
                                    @if ($alert_type == 'speeding')
                                       <th >Speed</th> 
                                       <th >Direction</th> 
                                       @elseif ($alert_type == 'geofence')
                                       <th >Status</th>
                                    @endif      
                                </tr>
                                   @endif   
                               </thead>
                               <tbody class="tbody searchable">
                                @if ($alert_type == 'idling')    

                                
                                @foreach ($dataAlerts as $item)
                                <tr>    
                                
                                    <td>{{$item['start_date']}}</td>
                                    <td>{{$item['end_date']}}</td>
                                    <td>{{$item['idle_duration']}}</td>
                                    <td>{{$item['status']}}</td>
                                    <td><a href="javascript:void(0);" class="report_address">{{$item['addr']}}</a></td>
                                     
                                </tr>
                                
                                @endforeach
                                @else
                                @php ($cnt = 1)    
                                @foreach ($dataAlerts as $item)
                                <tr>    
                                <td>{{$cnt}}</td>
                                    <td>{{$item['dateTime']}}</td>
                                    <td><a href="javascript:void(0);" class="report_address">{{$item['address']}}</a></td>
                                    @if ($alert_type == 'speeding')
                                       <td >{{$item['speed']}}</td> 
                                       <td >{{$item['veh_orient']}}</td>
                                       @elseif($alert_type == 'geofence' || $alert_type == 'landmark') 
                                       <td>@if ($item['Entering'])
                                       Entering
                                       @else
                                       Leaving
                                       @endif
                                       </td>
                                    @endif   
                                </tr>
                                @php ($cnt++) 
                                @endforeach
                                @endif
                               </tbody>
                           </table>


                       </div>

                    </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">Close</button>
        <!-- <button type="button" class="btn btn-outline-primary btn-sm">Save changes</button> -->
      </div>
    </div>
  </div>
</div>

<script>
$(document).ready(function() {
    $('#alertlog').DataTable( {
        "pagingType": "full_numbers",
        "pageLength": 50,
        "dom": 'Bfrtip',
        "buttons": [ {
              "extend": 'excelHtml5',
              "text": 'Excel',
              "className": 'inlinepopup-export',
              "style": 'display:none'
          } ], 
    } );
    $("#export_excelPopup").click(function (){      
      $('.inlinepopup-export').click();
    });   
} );
</script>