@extends('layout.padrao')
@section('title', 'Edit - Local Hauling Rate')
@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', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>array('updateHauling', $registers->id))) }}
    {{ csrf_field() }} 
    <style>   
            .folha-interna2{
        padding: 10px;
        margin-left: 3px !important;
        background: rgba(211, 221, 229,1) !important;
        
        }
        body > div > div > main > div > div > form > div > div.row.folha-interna2.shadow.p-3.mb-5.bg-white.rounded{
        margin-left: 10px !important;
        width: 98%;
        }
        body > div > div > main > div > div > form > div > div.row.folha-interna4.shadow.p-3.mb-5.bg-white.rounded{
        margin-left: 10px !important;
        border: 1px solid;
        border-color: #d3d9df;
        }

    </style>
    <div class="row col-lg-12 col-md-12 col-sm-12">
        <div class="row folha-interna folha-branca-contornada shadow 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 col-md-6 col-sm-6 form-group {{ $errors->has('hauling_id')? 'has-error':''}}" >
                    {!! Form::label('hauling_id', 'Hauling Company', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('hauling_id', $select['haulings'] , old('hauling_id', $registers->hauling_id), ['class' => 'form-control ', 'id' => 'clients']) !!} 
                </div>
                <div class="col col-lg-2 col-md-6 col-sm-6 form-group">
                    {!! Form::label('maxTons', 'Max Ton', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::number('maxTons', old('maxTons' , $registers->maxTons) , ['class' => 'form-control ', 'step' =>'0.01']) !!}                
                </div>
                <div class="col col-lg-2 col-md-4 col-sm-4 form-group">
                    {!! Form::label('truckAxles', 'Truck Axles', [ 'class' => 'w-100 control-label' ]) !!}
                    {!! Form::number('truckAxles', old('truckAxles' , $registers->truckAxles) , ['class' => 'form-control ', 'step' =>'0.01']) !!}              
                </div>
                <div class="col col-lg-2 col-md-4 col-sm-4 form-group">
                    {!! Form::label('haulingValidadeFrom', 'Quote Valid From', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::date('haulingValidadeFrom', old('haulingValidadeFrom' , $registers->haulingValidadeFrom) , ['class' => 'form-control ', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}              
                </div>
                <div class="col col-lg-2 col-md-4 col-sm-4 form-group">
                    {!! Form::label('haulingValidadeTo', 'Quote Valid To', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::date('haulingValidadeTo', old('haulingValidadeTo' , $registers->haulingValidadeTo) , ['class' => 'form-control ', 'min' => '2019-01-01', 'max' => '2080-01-01']) !!}              
                </div>
                <div class="col-lg-2 col-md-4 col-sm-4" id="logoJSR" ></div>
                <div class="col-lg-2 col-md-4 col-sm-4" id="logoPEX" ></div>
                <div class="col-lg-2 col-md-4 col-sm-4" id="logoROD" ></div>
                <div class="col-lg-2 col-md-4 col-sm-4" id="logoTRA" ></div>
            </div>
            <div class="row col-lg-12 col-md-12 col-sm-12">
                <div class="col col-lg-2 col-md-6 col-sm-6 form-group">
                    {!! Form::label('haulingQuoteReference', 'Hauling Quote #', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! form::text('haulingQuoteReference', old('haulingQuoteReference' , $registers->haulingQuoteReference), ['class' => 'form-control'])!!}
                </div>
                <div class="col col-lg-3 col-md-6 col-sm-12 form-group {{ $errors->has('platforms_id')? 'has-error':''}}">
                    {!! Form::label('platforms_id', 'Produtos', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::select('platforms_id[]', $select['platforms'], old('platform_id', $registers->platforms_id), ['class' => 'platforms_id form-control','multiple'=>'multiple']) !!}
                </div>
                <div class="col col-lg-3 col-md-6 col-sm-12 form-group {{ $errors->has('container_types_id')? 'has-error':''}}">
                    {!! Form::label('container_types_id', 'Container Type/Equipment', [ 'class' => 'w-100 control-label', ]) !!} 
                    {!! Form::select('container_types_id[]', $select['containerTypes'], old('container_types_id',$registers->container_types_id), ['class' => 'container_types_id form-control','multiple'=>'multiple']) !!}             
                </div>
                
                <div class="col col-lg-2 col-md-6 col-sm-6 form-group">
                    {!! Form::label('tareTons', 'Tare Tons', [ 'class' => 'w-100 control-label']) !!}
                    {!! Form::number('tareTons', old('tareTons' , $registers->tareTons) , ['class' => 'form-control ', 'step' =>'0.01']) !!}                
                </div>
            </div>
        </div>

        <div class="row folha-interna4 folha-azul-abas-top shadow p-3 mb-5 bg-white rounded" style="margin-bottom: -16px !important; margin-left: 1% !important;">
                <h4 class="localTitle"> TRUCKING COST </h4>
        </div>
        <div class="row folha-interna folha-azul-abas shadow p-3 mb-5 bg-white rounded">
            <div class="row folha-interna folha-branca-contornada col-lg-12 col-md-12 col-sm-12 increment-attach2 rounded">
            <!------------------ Trucking Cost Line --------------->

                <div class="row col-lg-12" id="linha1" style="margin-left: 3%;">
                    <div class="col col-lg-2 col-md-4 col-sm-6 form-group">
                        {!! Form::label('origin', 'Origin', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::select('origin', $select['cities'] , old('origin' , $registers->origin),  ['class' => 'form-control ']) !!}  
                    </div>
                    <div class="col col-lg-2 col-md-4 col-sm-6 form-group ">
                        {!! Form::label('destinationI', 'Destination I', [ 'class' => 'w-100 control-label']) !!}
                        {!! Form::select('destinationI', $select['cities'] , old('destinationI' , $registers->destinationI),  ['class' => 'form-control ']) !!}             
                    </div>
                    <div class="col col-lg-2 col-md-4 col-sm-6form-group">
                        {!! Form::label('destinationII', 'Destination II', [ 'class' => 'w-100 control-label']) !!}
                        {!! Form::select('destinationII', $select['cities'] , old('destinationII' , $registers->destinationII),  ['class' => 'form-control ']) !!}            
                    </div>
                    <div class="col col-lg-1 col-md-6 col-sm-12 form-group {{ $errors->has('tipoPrincipal')? 'has-error':''}}" >
                        {!! Form::label('truckingCost', 'Trucking Cost - R$', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('truckingCost', old('truckingCost' , $registers->truckingCost) , ['class' => 'form-control ' , 'id' => 'truckingCost' , 'onkeyup' => 'doMath()', 'step' =>'0.01']) !!} 
                    </div>
                    <div class="col col-lg-1 col-md-6 col-sm-12 form-group {{ $errors->has('nmMenu')? 'has-error':''}} ">
                        {!! Form::label('toll', 'Toll - R$', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('toll', old('toll' , $registers->toll) , ['class' => 'form-control ' , 'id' => 'toll' , 'onkeyup' => 'doMath()', 'step' =>'0.01']) !!}              
                    </div>
                    <div class="col col-lg-1 col-md-6 col-sm-12 form-group {{ $errors->has('nmMenu')? 'has-error':''}} " id="test" style="min-width: 152px;">
                        {!! Form::label('flexitank_instalation', 'Flexitank Handling-R$', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('flexitank_instalation', old('flexitank_instalation' , $registers->flexitank_instalation) , ['class' => 'form-control toll', 'onkeyup' => 'doMath()', 'step' =>'0.01'  , 'id' => 'flexitank_instalation']) !!}              
                    </div>
                    <div class="col col-lg-2 col-md-6 col-sm-12 form-group ">
                        {!! Form::label('totalAmount', 'Total Amount - R$', [ 'class' => 'w-100 control-label', ]) !!} 
                        {!! Form::number('totalAmount', old('totalAmount' , $registers->totalAmount) , ['class' => 'form-control ' , 'id' => 'totalAmount' , 'onkeyup' => 'doMath()', 'readonly' => 'readonly']) !!}              
                    </div>
                    
                </div>
                
            <!-- Attachment and Comments -->
                <div class="col col-lg-11 col-sm-12 col-md-12 input-group control-group" style="margin-left: 3%;">
                    {!! Form::label('addComments', 'ADDITIONAL COMMENTS', [ 'class' => 'w-100 control-label' , 'style' => 'margin-left:10px']) !!}
                    {!! Form::textarea('addComments', old('addComments' , $registers->addComments) , ['class' => 'form-control textsAreaBig', 'rows' => 3 , 'style' => 'margin-left:10px;margin-bottom:10px', 'id' => 'comments']) !!}    
                </div>
            </div>   
        </div>
    </div>
    @include('include.btn_atualizar')
</form>


<script>
/********** ENTER PULA UMA LINHA NO COMMENTS */
$('#comments').keypress(function(event) {
    if (event.which == 13) {
        event.preventDefault();
        this.value = this.value + "\n";
    }
});

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

function  doMath() { 
        var counter; var nValue; var amount; var flexitank_instalation;
        price= document.getElementById("truckingCost").value;;
        nValue = document.getElementById("toll").value;
        flexitank_instalation = document.getElementById("flexitank_instalation").value;
        amount=(parseFloat(nValue)+parseFloat(price)+parseFloat(flexitank_instalation));
        document.getElementById("totalAmount").value=amount ;
        $("input[name='totalAmount']").blur(function(){
        $('[name="totalAmount"]').val(parseFloat($('[name="totalAmount"]').val()).fixed(2));
});
}


    $("#clients").change(function() {
  if ($(this).val() == '75') { //trans
    $('#logoJSR').hide();
    $('#logoPEX').hide();
    $('#logoROD').hide();
    $('#logoTRA').show();
  
  } else if ($(this).val() == '76') { //rodovia
    $('#logoJSR').hide();
    $('#logoPEX').hide();
    $('#logoROD').show();
    $('#logoTRA').hide();
  }
  else if ($(this).val() == '77') { //rubem
    $('#logoJSR').show();
    $('#logoPEX').hide();
    $('#logoROD').hide();
    $('#logoTRA').hide();
  }
  else if ($(this).val() == '78') { //pext
    $('#logoJSR').hide();
    $('#logoPEX').show();
    $('#logoROD').hide();
    $('#logoTRA').hide();
  }
  else {
    $('#logoJSR').hide();
    $('#logoPEX').hide();
    $('#logoROD').hide();
    $('#logoTRA').hide();
  }
});
$("#clients").trigger("change");
</script>

@endsection