@extends('layout.padrao')
@section('title', 'Freight Fee Register')
@section('content')


@if($errors->any())
    <div class="alert alert-danger">
    @foreach($errors->all() as $error)
        {{ $error }} <br>
    @endforeach
    </div>
@endif
{{ Form::open(array('method' => 'get', 'enctype'=>'multipart/form-data', 'route'=>'resultFreightFeeSearch')) }}
    {{ csrf_field() }} 
        <div class="row folha-interna folha-branca-contornada shadow col-lg-12 p-3 mb-5 bg-white rounded">
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-2 form-group {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    {!! Form::label('carriers_id', 'Carrier', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('carriers_id', $select['carriers'], null, ['class' => 'form-control' , 'id' => 'carriers']) !!}  
                </div>
                <div class="col col-lg-4 col-md-6 col-sm-6 form-group {{ $errors->has('container_types_id')? 'has-error':''}}">
                    {!! Form::label('loading_ports_id', 'Loading Port', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('loading_ports_id[]', $select['loadingPorts'], old('loading_ports_id',null), ['class' => 'loading_ports_id form-control','multiple'=>'multiple']) !!}             
                </div>
                <div class="col col-lg-5 col-md-6 col-sm-6 form-group {{ $errors->has('port_destinations')? 'has-error':''}}">
                    {!! Form::label('port_destinations', 'Port of Destination', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('port_destinations[]', $select['destinationPort'], old('port_destinations',null), ['class' => 'port_destinations form-control','multiple'=>'multiple']) !!}
                </div>
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoCMA" ></div>
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoHBS" ></div>
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoHPL" ></div>
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoMAE" ></div>   
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoMSC" ></div>   
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoONE" ></div>   
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoSEA" ></div>   
                <div class="col-lg-1 col-md-4 col-sm-6" id="logoZIM" ></div> 
            </div>
            <div class=" row col-lg-12 col-sm-12 col-md-12">
                <div class="col col-lg-2 form-group {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    {!! Form::label('cargo_types_id', 'Cargo Type', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('cargo_types_id', $select['cargo_types'], null, ['class' => 'form-control' , 'id' => 'cargo_type']) !!}  
                </div>
                <style>
                   
                </style>
                <div class="col col-lg-1 form-group checkbox-form {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    <input class="checkbox-form-box" type="checkbox" name="group_box" id="group_box" value="Y" checked > 
                    <label class ='form-check-label-profile' for="group_box">Price List by Group</label>
                </div>
                <div class="col col-lg-1 col-md-6 col-sm-6 form-group ">
                    {!! Form::label('carrierQuoteReference', 'Carrier Quote Ref.', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::text('carrierQuoteReference', null,  ['class' => 'form-control ', 'id' => 'maritimeClasses']) !!}         
                </div>                
                <div class="col col-lg-1 col-md-4 col-sm-6 form-group">
                    {!! Form::label('freeTimeOrigin', 'Free Time Origin', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::number('freeTimeOrigin', null , ['class' => 'form-control ']) !!}              
                </div>
                <div class="col col-lg-1 col-md-4 col-sm-6 form-group" style="min-width: 148px;">
                    {!! Form::label('freeTimeDestination', 'Free Time Destination', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::number('freeTimeDestination', null,  ['class' => 'form-control ', 'id' => 'maritimeClasses']) !!}         
                </div>
                <div class="col col-lg-1 col-md-6 col-sm-6 form-group">
                    {!! Form::label('transitTime', 'Transit Time', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::number('transitTime', null,  ['class' => 'form-control ']) !!}  
                </div>
                <div class="col col-lg-2 col-md-6 col-sm-6 form-group {{ $errors->has('haulingValidadeFrom')? 'has-error':''}} ">
                    {!! Form::label('transhipments', 'Transhipments', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('transhipments', $select['destinationPort'], old('transhipments',null), ['class' => 'transhipments form-control','multiple'=>'multiple']) !!}              
                </div>
                
            </div>
            <div class=" row col-lg-12 col-sm-12 col-md-12">
                <div class="col col-lg-9   col-md-6 col-sm-6 form-group {{ $errors->has('platforms_id')? 'has-error':''}}">
                    {!! Form::label('platforms_id', 'Product', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('platforms_id[]', $select['platform'], old('platforms_id',null), ['class' => 'platform form-control','multiple'=>'multiple']) !!}
                </div>
            </div>
            <div class=" row col-lg-12 col-sm-12 col-md-12">
                <div class="col col-lg-1 form-group checkbox-form {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    <input class="checkbox-form-box" type="radio" name="group_rates" id="group_rates" value="ORIGIN" {{ (  old('group_rates') == 'ORIGIN' ? 'checked' : '' ) }} checked>
                    <label class ='form-check-label-profile' for="group_rates">ORIGIN</label>
                </div>
                <div class="col col-lg-1 form-group checkbox-form {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    <input class="checkbox-form-box" type="radio" name="group_rates" id="group_rates" value="ABROAD" {{ ( old('group_rates') == 'ABROAD' ? 'checked' : '' ) }} >
                    <label class ='form-check-label-profile' for="group_rates">OTHERS RATES</label>
                </div>
                <div class="col col-lg-2 form-group checkbox-form {{ $errors->has('carriers_id')? 'has-error':''}}" >
                    <input class="checkbox-form-box" type="radio" name="group_rates" id="group_rates" value="ALL" {{ ( old('group_rates') == 'ALL' ? 'checked' : '')  }}   >
                    <label class ='form-check-label-profile' for="group_rates">ORIGIN + OTHERS RATES</label>
                </div>
               
            </div>
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-8"></div>
                <div class ="col col-lg-1"> 
                    <button type="submit" class="btn btn-primary" style="margin-top:24px"> Confirm </button>
                </div>
               
                <div class = "col col-lg-3" id="tableCodes2">
                    <h4 style="font-size:11px;text-align:center">FEE COMMERCIAL LINK </h4>
                        <ul style="columns:2">
                                                
                        @foreach($array1 as $classes)
                            <li>{{$classes}}</li>
                        @endforeach
                        @foreach($array2 as $classes)
                            <li>{{$classes}}</li>
                        @endforeach
                        </ul>
                </div> 
            </div>  
        </div>  
</form>
<script> 
$(" .port_destinations, .loading_ports_id, .platform , .containerType").select2({
            placeholder: "Select and Search",
            allowClear:true,
            maximumSelectionLength: 200,
            
        });

$(" .transhipments").select2({
            placeholder: "Select and Search",
            allowClear:true,
            maximumSelectionLength: 1,
            
        });

        $("#carriers").change(function() {
    if ($(this).val() == '8') { //CMA
      $('#logoCMA').show();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    
    } else if ($(this).val() == '33') { //Hamburg Sud
      $('#logoCMA').hide();
      $('#logoHBS').show();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '13') { //Hapad Lloyd
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').show();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '17') { //Maesk
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').show();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '22') { //MSC
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').show();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '24') { //One
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').show();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '29') { //Sealand
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').show();
      $('#logoZIM').hide();
    }
    else if ($(this).val() == '38') { //Zim
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').show();
    }
    else {
      $('#logoCMA').hide();
      $('#logoHBS').hide();
      $('#logoHPL').hide();
      $('#logoMAE').hide();
      $('#logoMSC').hide();
      $('#logoONE').hide();
      $('#logoSEA').hide();
      $('#logoZIM').hide();
    }
  });
  $("#carriers").trigger("change");

</script>

@endsection