@extends('layout.padrao')
@section('title', 'Detention Analysis')
@section('content')

<style>
    /* Estilo da linha vertical */
    .verticalLineBlue{
        border-left: 1px solid #3686ef;
        height: 354px;
    }

    /* Estilo do campo vessel name */
    .select2-selection.select2-selection--single .select2-selection__arrow{
        top: 4px;
    }

    .select2-selection.select2-selection--single{
        height: 34px !important; 
        padding: 2px 12px !important; 
        font-size: 14px !important;
        border: 1px solid #ccc;
    }
</style>


<div class="row folha-interna folha-branca-contornada shadow col col-lg-12 col-sm-12 col-md-12 p-3 mb-5 rounded" style="background: white">

    <div class="col form-group">
{{--        <form class="detentionAnalysis">--}}
        <form method="GET" action="{{ route('detentionanalysis.create') }}" accept-charset="UTF-8" enctype="multipart/form-data" class="detentionAnalysis">
            <div class="row" style="padding: 16px; padding-bottom: 7px">
                <div class="col-5" style="margin-right: 6%">
                    <div class="row">
                        <div class="col">
                            <label for="fromEtaInput" class="w-100 control-label">From - ETA</label>
                            {!! Form::date('fromEtaInput', ($searchFields['fromEtaInput'] ?? (date('Y-m-d', strtotime('-2 month', strtotime(date("Y-m-d")))))),['class' => 'form-control', 'id'=> "fromEtaInput", 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}
                            
                        </div>
                        <div class="col">
                            <label for="toEtaInput" class="w-100 control-label">To - ETA</label>
                            {!! Form::date('toEtaInput', ($searchFields['toEtaInput'] ?? now()->toDateString('d-m-Y')),['class' => 'form-control', 'id'=> "toEtaInput", 'min' => '2019-01-01', 'max'=>'2080-01-01']) !!}

                        </div>
                    </div>
                </div>

                <div class="col-1">
                    <div class="verticalLineBlue"></div>
                </div>

                <div class="col-5">

                    <div class="row">
                        <div class="col">
                            <label for="weekInput" class="w-100 control-label">Week</label>
                            <input type="week" class="form-control " id="weekInput" name="weekInput" value="{{ $searchFields['weekInput'] ?? '' }}">

                            <div>
                                <label for="vessels_id" class="w-100 control-label">Vessel Name</label>
                                <select id="vessels_id" name="vesselNameSelect" class="vessels_control">
                                    <option>- Search Vessel -</option>
                                </select>
                            </div>

                            <label for="carrierSelect" class="w-100 control-label">Carrier</label>
                            <select id="carrierSelect" name="carrierSelect" class="form-control">
                                @foreach($select['carriers'] as $Key_carrrier => $value_carrrier)
                                    <option value="{{$Key_carrrier}}"  {{ (isset($searchFields['carrierSelect']) && $searchFields['carrierSelect'] == $Key_carrrier) ? 'selected' : '' }}   >{{ $value_carrrier }}</option>
                                @endforeach
                            </select>

                            <label for="bookingInput" class="w-100 control-label">Booking</label>
                            <input class="form-control" id="bookingInput" name="bookingInput" type="text" value="{{ $searchFields['bookingInput'] ?? '' }}">

                            <label for="platforms" class="w-100 control-label">Produto</label>
                            <select id="platforms" name="platforms" class="form-control">
                                @foreach($select['platforms'] as $key => $value)
                                    <option value="{{$key}}" {{ (isset($searchFields['platforms']) && $searchFields['platforms'] == $key) ? 'selected' : '' }}>{{ $value }}</option>
                                @endforeach
                            </select>

                            @can('internalRoutine', App\Usuario::class)
                                <label for="clients" class="w-100 control-label">Clientes</label>
                                <select id="clients" name="clients" class="form-control">
                                    @foreach($select['clients'] as $key => $value)
                                        <option value="{{$key}}"  {{ (isset($searchFields['clients']) && $searchFields['clients'] == $key) ? 'selected' : '' }} >{{ $value }}</option>
                                    @endforeach
                                </select>
                            @endcan


                        </div>

                        <div class="col">
                            <label for="polSelect" class="w-100 control-label">POL</label>
                            <select id="polSelect" name="polSelect" class="form-control">
                                @foreach($select['loadingPorts'] as $Key_pol => $value_pol)
                                    <option value="{{$Key_pol}}" {{ (isset($searchFields['polSelect']) && $searchFields['polSelect'] == $Key_pol) ? 'selected' : '' }} >{{ $value_pol }}</option>
                                @endforeach
                            </select>

                            <label for="voySelect" class="w-100 control-label">Voy</label>
                            <input class="form-control" id="voyInput" name="voyInput" type="text" value="{{ $searchFields['voyInput'] ?? '' }}">


                            <label for="statusSelect" class="w-100 control-label">Status</label>
                            <select id="statusSelect" name="statusSelect" class="form-control">
                                <option value>- Select Required -</option>
                                <option value="Shipped" {{ (isset($searchFields['statusSelect']) && $searchFields['statusSelect'] == "Shipped") ? 'selected' : '' }}>Shipped</option>
                                <option value="On Hold" {{ (isset($searchFields['statusSelect']) && $searchFields['statusSelect'] == "On Hold") ? 'selected' : '' }}>On Hold</option>
                            </select>

                            <label for="containerTypes" class="w-100 control-label">Equipamento</label>
                            <select id="containerTypes" name="containerTypes" class="form-control">
                                @foreach($select['containerTypes'] as $key => $value)
                                    <option value="{{$key}}" {{ (isset($searchFields['containerTypes']) && $searchFields['containerTypes'] == $key) ? 'selected' : '' }} >{{ $value }}</option>
                                @endforeach
                            </select>

                            <label for="gateOut" class="w-100 control-label">Equipamento</label>
                            <select id="gateOut" name="gateOut" class="form-control">
                                    <option value="Yes" {{ (isset($searchFields['gateOut']) && $searchFields['gateOut'] == "Yes") ? 'selected' : '' }}>Yes</option>
                                    <option value="No"  {{ (isset($searchFields['gateOut']) && $searchFields['gateOut'] == "No") ? 'selected' : '' }}>No</option>
                            </select>


                        </div>

                    </div>
                </div>

            </div>
            <div class="col col-lg-12 col-md-12 col-sm-12 form-group mt-3" style="text-align: right; margin-bottom: 2px;">
                <button class="btn btn-style" type="submit"  value="export" name="submitbutton" style="margin-right: 1%;">Export to Excel</button>
                <button id="btnSubmit" type="submit" class="btn btn-style"  value="view" name="submitbutton" style="margin-right: 2%"> Ok </button>
            </div>

        </form>
    </div>

    <!-- Export and OK -->
{{--    <div class="col col-lg-12 col-md-12 col-sm-12 form-group" style="text-align: right">--}}
{{--        <button class="btn btn-style" type="submit" value="submit" style="margin-right: 1%;">Export to Excel</button>--}}
{{--        <a href="detentionanalysis/create" class="btn btn-style" type="button" style="margin-right: 2%">Ok</a></div>--}}
{{--    </div>--}}

</div>




@include('bibliotecas.select2')

<script>
    $(document).ready(function(){
        $(".vessels_control").select2({
            minimumInputLength: 3,
            ajax: {
                url: '/vessels/find-by-description/' ,
                type: "get",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        searchTerm: params.term
                    };
                },
                processResults: function (response) {
                    return {
                        results: response
                    };
                },
                cache: true
            }
        });
    });
</script>

@endsection