@extends('layout.padrao')
@section('title', 'Migration Request - Manual Update')



@section('content')

<style>
   table.table-bordered>thead>tr{
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    }
    .fixed-table-pagination{
        margin-top: 30px
    }

    .export.btn-group{
        padding-right: 16px;
    }
</style>

    {{-- <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group" style="text-align: right; padding: 0px 50px 0 0;">
      <a title="Export This Consult" href="{{ action('InvoiceIssuanceController@index', ['tipoExport' => 'export']) }}" style='width:50px; margin-bottom:9px;' class="btn btn-padrao" >
          <i class="fas fa-download"></i>
      </a>
    </div> --}}
    <div class="col col-lg-12 col-sm-12 col-md-12 folha-interna3-financeDesign">
        <div class="row folha-interna2 shadow rounded folha-branca-contornada" style="width: 100% !important;">
            <div class="col col-lg-12 col-sm-12 col-md-12 bg-block">
                <h4>Search For:</h4>
                <form id='searchAllocationForm' method="get" action="{{ route('sendMigrationUpdateCargoo', 'request') }}">
                  {{method_field('get')}}
  
                    {{ csrf_field() }} 
                    <div class = "row col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-2 form-group ">
                            {!! Form::label('from', 'Cargoo Reference OR Booking Reference:', [ 'class' => 'w-100 control-label']) !!}
                            {!! Form::text("buscar[number]", null, ['class' => 'form-control booking']) !!} 
                        </div>
                      
                    </div>
                    <div class = "row col-lg-12 col-sm-12 col-md-12" >
                        <div class="col col-lg-10 form-group "></div>
                        <div class="col col-lg-2 form-group filter-block"><button  class="btn btn-padrao " type="submit">Request</button>
                    </div>
                </form> 
            </div>
        </div>
      </div>
      @include('include.filtro_result')
  

        <div class="table-responsive">
            <table class="table-striped text-center" id="table"
            data-toggle="table"
            data-search="true"
            data-detail-formatter="detailFormatter"
            data-page-list="[100, 200, 300, 400, all]"
            data-show-footer="true"
            data-show-pagination-switch="true"
            data-show-refresh="true"
            data-click-to-select="true"
            data-show-fullscreen="true"
            data-pagination="true"
            data-toolbar="#toolbar"
            data-show-toggle="true"
            data-height="600"
            data-show-export="true"
            data-export-data-type="all"
            data-query-params="queryParams"
            data-url="/migrationRequest/pending"
            data-show-columns="true" >
            <thead>
              <tr class="trSuperBlue">
                  <th  data-field="id"  data-formatter="operateFormatter" ></th>
                  {{-- <th class="icon-action" data-field="id" data-formatter="operateFormatter" ></th> --}}
                  <th data-field="responsableUser" data-sortable="true">User Responsable</th>
                  <th data-field="carrier" data-sortable="true">Carrier</th>
                  <th data-field="bookingNumber" data-sortable="true">Booking</th>
                  <th data-field="cargooReference" data-sortable="true">cargooReference</th>
                  <th data-field="cargoo_migration_parties.0.shipper_reference" data-sortable="true">Shipper Reference</th>
                  <th data-field="commodityDescription" data-sortable="true">commodityDescription</th>
                  <th data-field="commodityName" data-sortable="true">commodityID</th>
                  <th data-field="vessel" data-sortable="true">vessel</th>
                  <th data-field="voyage" data-sortable="true">voyage</th>
                  <th data-field="etd" data-sortable="true">etd</th>
                  <th data-field="currentStatus" data-sortable="true"> Cargoo Status </th>
                  <th data-field="status" data-sortable="true"> Status </th>
                  <th data-field="created_at" data-sortable="true"> created_at </th>
              </tr>
            </thead>
        </table>
      </div>
    </form> 
  
    <script>
  
        var $table = $('#table')
        $(function() {
        $table.bootstrapTable({
                        cache: false,
                        height: 1000,
                        striped: true,
                        pagination: true,
                        pageSize: 100, //specify 5 here
                        pageList: [100, 200, 300,400,500]//list can be specified here
        });      
        })
    
        function operateFormatter(value, row, index) {
            return [
            '<a class="icone-padding" href="/microservice/sendMigrationUpdateCargoo/'+row['cargooReference']+'/" alt="Edit"  data-placement="top" title="View"><i alt="Edit" class="fas fa-sync"></i></a> '  

            ].join('')
        }
        
    </script>
  @include('bibliotecas.bootstrapExport')
@endSection