@extends('layout.padrao')
@section('title', 'Shipment Instruction - Dashboard')
@section('content')
    <div>
        @include('shipmentInstruction.style')
        <div class="col-12 margin-bottom-10 margin-top-10">
            <div class="row justify-content-center padding-15" id="chartsArea"></div>
        </div>

        <table class="table-striped text-center" id="table"
            data-toggle="table"
            data-search="true"
            data-show-footer="true"
            data-detail-formatter="detailFormatter"
            data-show-pagination-switch="true"
            data-show-refresh="true"
            data-click-to-select="true"
            data-show-fullscreen="true"
            data-pagination="true"
            data-page-size="600"
            data-toolbar="#toolbar"
            data-show-toggle="true"
            data-show-export="true"
            data-export-data-type="all"
            data-url="/shipmentInstruction/json"
            data-show-columns="true" >
            <thead>
                    <tr class="trSuperBlue">
                    @foreach ($headers as $key => $value)
                        @if ($key == 'id')
                            <th  class="icon-action" data-field="id" data-formatter="operateFormatter" data-width="160"  class='text-center'></th>
                        @elseif($key == 'etaPol' || $key == 'etaPod')
                            <th  data-field="{!!$key!!}" data-sortable="true" data-formatter="dateFormatter" class='text-center' >{{ $value }}</th>
                        @elseif($key == 'draftCutoffDate')
                            <th  data-field="{!!$key!!}" data-sortable="true" data-formatter="dateFormatterDraft" class='text-center' >{{ $value }}</th>
                        @elseif($key == 'cargoCutoffDate')
                        <th  data-field="{!!$key!!}" data-sortable="true" data-formatter="dateFormatterCargo" class='text-center' >{{ $value }}</th>
                        @elseif($key == 'vgmCutoffDate')
                            <th  data-field="{!!$key!!}" data-sortable="true" data-formatter="dateFormatterVgm" class='text-center' >{{ $value }}</th>
                        @else
                            <th  data-field="{!!$key!!}" data-sortable="true" class='text-center' >{{ $value }}</th>
                        @endif
                    @endforeach 
                </tr>
            </thead>
            <tbody>
            
            </tbody>
        </table>
    </div>

@include('shipmentInstruction.script')
@include('bibliotecas.bootstrapExport')


{{-- MODAL --}}
<div class="modal modal-danger fade" id="bookingClone" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          
          <h4 class="modal-title text-center" id="myModalLabel">Link - Booking</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" onClick="$('.modal-backdrop').remove()"><span aria-hidden="true">&times;</span></button>
          
        </div>
          <form action="{{route('ShipmentInstruction.create',['send','teste'])}}" method="get">  
   
                {{csrf_field()}}
            <div class="modal-body" style="padding-bottom: 83px !important">
                  <div class="col col-lg-12 form-group">
                      <label for="booking2" class="col6 control-label">Booking Number</label>
                      <input type="text" class="form-control" style="text-transform:uppercase" onkeyup="maiuscula(this)" name="booking2" id="booking2" value="">
                  </div>
                    <input type="hidden" name="loading_requests_id" id="loading_requests_id" value="">
  
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-danger" data-dismiss="modal" onClick="$('.modal-backdrop').remove()">Cancel</button>
              <button type="submit" class="btn btn-padrao" onclick='submitDisable()'>Link</button>
            </div>
        </form>
      </div>
    </div>
  </div>

@endsection