@extends('layout.padrao')
@section('title', 'Allocation Position')
@section('content')
<style>
    .floatThead-container {
        font-size: 1.0rem !important;
    }

    .form-control{
        border: 1px solid #ced4da !important;
        width: 100% !important;
        padding: .375rem .75rem !important;
        font-size: 1.2rem !important;
        line-height: 1.5 !important;
    }
</style>
<script src="{!! asset ('/typeahead/dist/typeahead.bundle.min.js')!!}"></script>
<script src="{!! asset ('/typeahead/dist/bloodhound.min.js')!!}"></script>
<div class="col col-lg-12 col-sm-12 col-md-12">
    <h5>Search For:</h5>
    <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; margin-top: -39px;">
        <a title="Export This Consult" href="{{ action('PreBookingController@index', ['tipoAllocation' => 'export']) }}"
            style='width:50px; margin-bottom:9px;' class="btn btn-padrao">
            <i class="fas fa-download"></i>
        </a>
    </div>


    <form id='searchAllocationForm' method="GET" action="{{ route('allocationPosition','allocation') }}">
        {{ csrf_field() }}
        {!! Form::text('tipoAllocation', 'allocation', ['class' => 'form-control', 'hidden'=>'hidden']) !!}
        <div class="row col-lg-12 col-sm-12 col-md-12" style="display: contents;">

            <div class="col-4 col-sm-12 col-md-4 col-lg-4 form-group ">
                {!! Form::label('booking', 'Booking N.:', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::text('booking', old('booking',null), ['class' => 'form-control booking']) !!}
            </div>
            <div class="col-4 col-sm-12 col-md-4 col-lg-4 form-group ">
                {!! Form::label('cargooReference', 'Cargoo Ref.:', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::text('cargooReference', old('cargooReference',null), ['class' => 'form-control
                cargooReference']) !!}
            </div>
            <div class="col-4 col-sm-12 col-md-4 col-lg-4 form-group" style="padding-right: 45px;">
                {!! Form::label('week', 'Week:', [ 'class' => 'w-100 control-label']) !!}
                {!! Form::week('week', old('week',null), ['class' => 'form-control week']) !!}
            </div>
        </div>
        <div class="row col-lg-12 col-sm-12 col-md-12">


            <div class="col col-lg-6 form-group ">
                <label for="carrier" class="filterView">Carrier:</label>
                {!! Form::select('carriers_id[]', $select['carrier'],
                old('carriers_id',$returnSearchSelect['carriers']), ['class' => 'form-control
                carriers_id','style'=>'margin-right: 5px !important; font-weight: normal;margin-top:
                7px;','multiple'=>'multiple']) !!}
            </div>

            <div class="col col-lg-6 form-group ">
                <label for="product" class="filterView">Product:</label>
                {!! Form::select('platforms_id[]', $select['platform'], old('platforms_id',
                $returnSearchSelect['plataforms']), ['class' => 'form-control platforms_id','style'=>'margin-right: 5px
                !important; font-weight: normal;margin-top: 7px;', 'id' =>'searchclear','multiple'=>'multiple']) !!}
            </div>
            <div class="col col-lg-6 form-group ">
                <label for="loadingPort" class="filterView">POL: </label>
                {!! Form::select('loadingPort[]', $select['loadingPort'], old('loadingPort',$returnSearchSelect['pol']),
                ['class' => 'form-control loadingPort','style'=>'margin-right: 5px !important; font-weight:
                normal;margin-top: 7px;','multiple'=>'multiple']) !!}
            </div>
            <div class="col col-lg-6 form-group ">
                <label for="client" class="filterView">Client:</label>
                {!! Form::select('clients_id[]', $select['client'], $returnSearchSelect['clients'], ['class' =>
                'clients_id form-control ','multiple'=>'multiple']) !!}
            </div>
            <div class="col col-lg-6 form-group ">
                <label for="client" class="filterView">Shipper:</label>
                {!! Form::select('shippers_id[]', $select['shipper'], $returnSearchSelect['shipper'], ['class' =>
                'shippers_id form-control ','multiple'=>'multiple']) !!}
            </div>
            <div class="col col-lg-6 form-group ">
                <label for="client" class="filterView">Route:</label>
                {!! Form::select('routes_id[]', $select['routes'], $returnSearchSelect['routes'], ['class' => 'routes_id
                form-control','multiple'=>'multiple']) !!}
            </div>
            <div class="col col-lg-12 form-group ">
                <label for="pod" class="filterView">POD:</label>
                {!! Form::select('destinationPort[]', $select['destinationPort'], $returnSearchSelect['Ports'], ['class'
                => 'form-control destinationPort','id'=>'destinationPort2', 'style'=>'margin-right: 5px !important;
                font-weight: normal;margin-top: 7px;','multiple'=>'multiple']) !!}
            </div>

            <div class="col col-lg-9 form-group "> <input type="hidden" name="searchAll" id="searchAll" value="N">
            </div>

            <div class="col col-lg-3 form-group filter-block"><button class="btn btn-padrao" type="submit"
                    onClick="$('#searchAll').val('Y');submitDisable();">Search</button>
                <button class="btn btn-padrao" type="submit" onClick="$('#searchAll').val('Y');submitDisable();"
                    id="searchclearSelect2">List All</button>
                <button
                    onclick="if(tipo){window.location = window.location.pathname+'?tipo=clear'+tipo}else{window.location = window.location.pathname};$('#searchAll').val('N');submitDisable();"
                    id="searchclearSelect2" class="btn btn-padrao" type="button">Clear Filter</button></div>

        </div>

    </form>
</div>
<small id="total" class="form-text text-info">Open Shipments: {{$totais['processos']}}</small>
<small id="total" class="form-text text-info" style="width: 200px;">Container Qty: {{$totais['containerQty']}}</small>
<small id="total" class="form-text text-info" style="width: 200px;margin-bottom:15px">TEU's:{{$totais['countTeus']}}</small> 
<button type="submit" style="width: 200px; margin-bottom:10px" disabled class="btn btn-padrao quickSaveBooking">Quick Commercial Edits</button>
  
@include('include.filtro_result')
<div class="wrapper">
    <div class="table-responsive tableMenor">
        @include('allocation.table',$registers)
    </div>
</div>
<div align="center" class="d-flex justify-content-center">
</div>
@include('bibliotecas.floattheadOverflow')
<!-- Delete Model -->
@include('include.modal_delete_reason', ["rota" => "loadingPlan"])
@include('allocation.modal_commercial_edit', ["rota" => "loadingPlan"])
@include('include.modal_deletar', ["rota" => "CancelStandByStatus"])
@include('include.modal_reason', ["rota" => "LoadingTransfer"])
@include('include.modal_history')

@include('allocation.script')


@endSection