@extends('admin.layout.app')

@section('more-head')
  <link rel="stylesheet" href="{{asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">
  <link rel="stylesheet" type="text/css" href="{{asset('admin/bower_components/select2/dist/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/dist/css/AdminLTE.min.css')}}">
   <script>
     function exportTableToExcel(tableID, filename = 'field_report'){
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    
    // Specify file name
    filename = filename?filename+'.xls':'excel_data.xls';
    
    // Create download link element
    downloadLink = document.createElement("a");
    
    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['\ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
    
        // Setting the file name
        downloadLink.download = filename;
        
        //triggering the function
        downloadLink.click();
    }
}

   
  </script>
@endsection


@section('main-content')
<section class="content-header">
  <h1>
    OPERATIONS MANAGEMENT SYSTEM
    
  </h1>

</section>

<section class="content">

  <!-- Default box -->
  <div class="box">
    <div class="box-header with-border">
      <h3 class="box-title col-md-12">Programmed Internal Waybills for {{\Carbon\Carbon::parse($work_program->program_date)->format('jS F Y')}} </h3>
      <hr>
            <div class=""><button id="printscrn" class="btn btn-success">Print</button></div>
            <button onclick="exportTableToExcel('example3')" class="btn btn-primary pull-right"><i class="fa fa-excel-o text-white"></i>Export to Excel</button>
            <div class=" showee">
            <img class="col-md-2" style="width: 150px; height: 100px;" src="{{asset('admin/dist/img/cmclogo.png')}}" class="img-circle" alt="User Image">
            <br>
            <h3 style="text-align: center;"> {{strtoupper(Auth::user()->port->name)}} TOC ARRIVAL DESK</h3> 
           <h2 style="text-align: center;">OFFLOADING PROGRAM FOR