@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