@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">
        {{$unitName}}: Drivers Rating
        <br><br><span style='font-size:15px'>Date: {{$start}} - {{$end}}</span>
        <br>
        <span style='font-size:15px'>Configuration Values - </span><small><strong>Hash Breaking:</strong> {{$hashBreaking}} | <strong>Hard Excel: </strong> {{$hardExcel}} | <strong>Harsh Turn:</strong> {{$harshTurn}}</small>

        </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>
      </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">
                               
                                <tr>           
                                  <th>Date</th>
                                  <th >Hash Breaking</th> 
                                  <th >Hard Excel</th> 
                                  <th >Hash Turn</th>
                                  
                                  
                              </tr>
                                   
                                    
                               </thead>
                               <tbody class="tbody searchable">
                                @php ($acc =$dec = $turn = 0)  
                                @foreach ($dataDriversRating as $item)
                                <tr>    
                                  <td>{{$item['cDate']}}</td>
                                  
                                    <td>{{$item['GPS_ACCEL']}}</td>
                                  
                                    <td>{{$item['GPS_DECEL']}}</td>
                                
                                    <td>{{$item['HARSH_TURN']}}</td>
                                </tr>
                                @php ($acc = $acc + $item['GPS_ACCEL'])  
                                @php ($dec = $dec + $item['GPS_DECEL'])  
                                @php ($turn = $turn + $item['HARSH_TURN'])   
                                @endforeach 
                                @if ($actualRat != 100)
                                <tr style="background-color: yellow; font-weight:bold">
                                  <td>Total</td>
                                <td>{{$acc}}</td>
                                <td>{{$dec}}</td>
                                <td>{{$turn}}</td>  
                                </tr>    
                                @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>