@extends('layout.padrao')

@section('title', $title )
@include('loading.paymentRequest.information_module')

<!-- <link rel="stylesheet" type ="text/css" href="{{ url ('/css/dropzone.css') }}"> -->
@section('content')

@if($errors->any())
<div class="alert alert-danger">
    <p>Algo deu errado. Verificar Campos Obrigatórios</p>
    @foreach($errors->all() as $error)
    {{ $error }} <br>
    @endforeach
</div>
@endif



    <div class="row folha-interna3-financeDesign shadow p-3 mb-5 rounded">

        @yield('logisticsInformation-block')  

        {{ Form::open(array('method' => 'post', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>'storePaymentRequest', 'id'=>'payment_create')) }}
            {{method_field('post')}}
            {{ csrf_field() }}
            {{ Form::hidden('SAOE', $loadingRequest->SAOE) }}
            {{ Form::hidden('loading_requests_id', $loadingRequest->id) }}
            {{ Form::hidden('containerQty', $loadingRequest->containerQty) }}
            {{ Form::hidden('blQty', $loadingRequest->blQty) }}
            {{ Form::hidden('status', 'Requested') }}
            {{ Form::hidden('loadingType' , 'PAYREQ') }}
            <div class="col col-lg-12 col-sm-12 col-md-12">
                <div class="col col-lg-12 col-sm-12 col-md-12">
                   @yield('extra-payment')         
                    <!--Dollar RAte-->
                    <div class="col col-lg-6 col-sm-12 col-md-12 form-group text-left price-rule {{ $errors->has('price')? 'has-error':''}} ">
                        {!! Form::label('dollarRate', ' Foreign Currency Rate:', [ 'class' => 'control-label', 'style' => 'text-align:right;width: 65px;']) !!}
                        {!! Form::number('dollarRate', 0 , ['class'=>'control-label', 'id'=>'dollarRate','step'=>'0.00001', 'style' => 'font-size:13px;margin-left:4px;border: 1px solid #ccc;padding: 6px;border-radius: 5px;', 'disabled' => 'disabled']) !!}
                    </div>
                    
                    
                    
                </div>
                <div class="col col-lg-12 col-sm-12 col-md-12">
                    @yield('Payment-date')  
                </div>
                <!--Left Side-->
                <div class="col col-lg-10 col-sm-12 col-md-12">
                    <div class="col col-lg-10 col-sm-9 col-md-9">
                    </div>
                    <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                        {!! Form::label('loss', 'Loss', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:14px']) !!}
                    </div>
                    <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                        {!! Form::label('chargeBuyer', 'Charge Buyer', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:14px']) !!}
                    </div>
                </div>
                <div class="col col-lg-10 col-sm-12 col-md-12">
                    @yield('tooltipDetailsLocalCharges')  

                @forelse($register as $item)
                    <div class="col col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-3 col-sm-3 col-md-3 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div class="labelcheck">
                                {!! Form::checkbox('checkboxPrice[]', $item->id, null, ['class'=>'checkbox-size16']) !!}
                                
                                {!! Form::label('maritime_quote_codes_id', $item->maritime_quote_codes->descricao, [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:4px']) !!}

                            </div>
                        </div>
                        <div class="col col-lg-1 col-sm-1 col-md-1  price-rule {{ $errors->has('price')? 'has-error':''}} labelCount">
                            {!! Form::label('price', ' Price (' . $item->maritime_quote_codes->currencies->descricao . ')', [ 'class' => 'w-100 control-label', ]) !!}
                            {{ Form::hidden('maritime_quote_codes_id[]', $item->maritime_quote_codes->id) }}
                            {{ Form::hidden('currencies[]', $item->maritime_quote_codes->currencies_id) }}
                        </div>
                        <div  class="col col-lg-1 col-sm-2 col-md-2 price-rule {{ $errors->has('price')? 'has-error':''}} vertical3">
                            {!! Form::number('price[]', $item->price, ['class'=>'price-payment-format form-control', 'id'=>'price', 'step'=>'any', 'readonly'=>'readonly']) !!}
                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12  labelCount">
                            {!! Form::label('totalPriceSum', ' Total ' , [ 'class' => 'w-100 control-label' ]) !!}
                        </div>
                        <div class="col col-lg-2 col-sm-12 col-md-12 totalPriceSum-rule {{ $errors->has('totalPriceSum')? 'has-error':''}} vertical3">
                            {!! Form::number('totalPriceSum[]', ($item->price * ($item->maritime_quote_codes->PaymentType == 'BL' ?  $loadingRequest->blQty: $loadingRequest->containerQty)),  ['class'=>'form-control price-payment-format', 'id'=>'totalPriceSum', 'step'=>'0.01','readonly'=>'readonly']) !!}
                        </div>
                        
                        <div class="col col-lg-1 col-sm-12 col-md-12 text-left labelCount">
                            {!! Form::label('totalPriceSum', $item->maritime_quote_codes->PaymentType . ' x ', [ 'class' => 'w-100 control-label', ]) !!}
                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12 text-left labelCount">
                            {!! Form::number('quantity['.$item->id.'][]', ($item->maritime_quote_codes->PaymentType == 'BL' ? $loadingRequest->blQty: $loadingRequest->containerQty) , ['class' => 'form-control feeQuantity']) !!}
                        </div>  
                        <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div style="text-align:center">
                                <input type="checkbox" name= "itemLoss[{{$item->id}}][]" class="itemLoss checkbox-size16">
                            </div>
                        </div>
                        
                        <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div style="text-align:center">
                                <input type="checkbox" name= "itemChargeBuyer[{{$item->id}}][]" class="itemChargeBuyer checkbox-size16">
                            </div>
                        </div> 
                    </div>   
                    @empty
                @endforelse
                @foreach($specialCodes as $item)
                    <div class="col col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-3 col-sm-3 col-md-3 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div class="labelcheck">
                                {!! Form::checkbox('checkboxPrice[]', $item->id, null, ['class'=>'checkbox-size16']) !!}

                                {!! Form::label('maritime_quote_codes_id', $item->descricao, [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:4px']) !!}
                            </div>
                        </div>
                        <div class="col col-lg-1 col-sm-1 col-md-1  price-rule {{ $errors->has('price')? 'has-error':''}} labelCount">
                            {!! Form::label('price', ' Price (' . $item->currencies->descricao . ')', [ 'class' => 'w-100 control-label', 'step'=>'0.01' ]) !!}
                            {{ Form::hidden('maritime_quote_codes_id[]', $item->id) }}
                            {{ Form::hidden('currencies[]', $item->currencies_id) }}
                        </div>
                        <div  class="col col-lg-1 col-sm-3 col-md-3 price-rule {{ $errors->has('price')? 'has-error':''}} vertical3">
                            {!! Form::number('price[]', $item->price, ['class'=>'form-control price-payment-format', 'id'=>'price', 'step'=>'any', 'readonly'=>'readonly', 'id'=>'specialFee'.($item->PaymentType == 'BL' ? $loadingRequest->blQty: $loadingRequest->containerQty)]) !!}
                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12  labelCount">
                            {!! Form::label('totalPriceSum', ' Total ' , [ 'class' => 'w-100 control-label' ]) !!}
                        </div>
                        <div class="col col-lg-2 col-sm-12 col-md-12 totalPriceSum-rule {{ $errors->has('totalPriceSum')? 'has-error':''}} vertical3">
                        <input type='number' class='form-control price-payment-format bg-special-fee' name='totalPriceSum[]' value="{{($item->price * ($item->PaymentType == 'BL' ?  $loadingRequest->blQty: $loadingRequest->containerQty))}}" step='0.01' readonly id='totalPriceSum{{$item->id}}' />
                        {{-- Campo Para pegar o valor do campo e inserir na tabela irigin freth e N:N do payment --}}
                        <input type='hidden'  name='special[{{$item->id}}]'  step='0.01'   value=""/>

                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12 text-left labelCount">
                            {!! Form::label('totalPriceSum', $item->PaymentType . ' x ', [ 'class' => 'w-100 control-label', ]) !!}
                        </div>
                        <div class="col col-lg-1 col-sm-12 col-md-12 text-left labelCount">
                            {!! Form::number('quantity['.$item->id.'][]', ($item->PaymentType == 'BL' ? $loadingRequest->blQty: $loadingRequest->containerQty) , ['class' => 'form-control feeQuantity', 'id' => 'preCarriageField', 'readonly' => 'readonly']) !!}
                        </div> 
                        <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div style="text-align:center">
                                <input type="checkbox" name= "itemLoss[{{$item->id}}][]" class="itemLoss">
                            </div>
                        </div>
                        
                        <div class="col col-lg-1 col-sm-1 col-md-1 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount-div">
                            <div style="text-align:center">
                                <input type="checkbox" name= "itemChargeBuyer[{{$item->id}}][]" class="itemChargeBuyer">
                            </div>
                        </div>
                    </div>   
                @endforeach
                    
                    <!--Total Amount USD-->
                    <div class="col col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-5 col-sm-1 col-md-1 "></div>
                        <div  class="col col-lg-1 col-sm-1 col-md-2 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount">

                            {!! Form::label('totalPrice', ' Total Amount (Foreign Currency)', [ 'class' => 'w-100 control-label ']) !!}
                        </div>
                        <div class="col col-lg-2 col-sm-12 col-md-12 price-rule {{ $errors->has('amount')? 'has-error':''}} vertical3">
                            {!! Form::number('amount', null, ['class'=>'form-control price-payment-format-total border-top-first',  'id'=>'totalPrice','step'=>'any','readonly'=>'readonly']) !!}
                        </div>
                    </div>
                    
                    <!--Total Amount BRL-->
                    <div class="col col-lg-12 col-sm-12 col-md-12">
                        <div class="col col-lg-5 col-sm-3 col-md-3 labelCount-div">
                        </div>
                        
                        <div  class="col col-lg-1 col-sm-1 col-md-2 price-rule {{ $errors->has('price')? 'has-error':''}} labelCount">

                            {!! Form::label('totalPrice', ' Total Amount (BRL)', [ 'class' => 'w-100 control-label', 'style' => '' ]) !!}

                        </div>
                        <div class="col col-lg-2 col-sm-12 col-md-12 price-rule {{ $errors->has('price')? 'has-error':''}} vertical3">

                            {!! Form::number('amountBRL', null, ['class'=>'form-control price-payment-format-total',  'id'=>'totalPrice','step'=>'any','readonly'=>'readonly', 'style' => 'width: 100%']) !!}

                        </div>
                    </div>
                    
                    @yield('bank-details')
                </div>
                <!--Right Side-->
                <div class="col col-lg-1 col-sm-12 col-md-12 form-group "></div>

                <div class="col col-lg-2 col-sm-12 col-md-12 form-group ">
                    <div class="col col-lg-12 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                        <h3 style="font-size:14px;"> BL Correction Fee {!! Form::checkbox('CorretionFee', 'Yes', null, ['class'=>'checkbox-size16']) !!} </h3>
                    </div>
                    @yield('correctionFee-module')                  
                </div>
                <div class="col col-lg-12 col-sm-12 col-md-12">
                    @yield('footer-comments-attach')  
                </div>

            </div>
            <!--Buttons-->
            @include('include.btn_registrar')
            

        </form>
    </div>
        

@include('loading.paymentRequest.script')
<script>

    /****pegar PHP o valor...nao pode utilizar no script */
    $("#nodoubleclick").on("click", function(e) {
        var modal = 'No';
        var data = ();
        data.map(function(valor, i) {
            if($("input[name='amountBRL']").val() == valor){
                modal = 'Yes';
            }
        });
        if(modal == 'Yes'){
            $('#AmountCompare').modal('show');          
            e.preventDefault();
        }
        else{
            $().submit();
        }
    });
   
    function checkFee(){   
        console.log('ola');
        let amountBRL =0;
        let total =0;
        let totalUSD =0;
        $('[name="checkboxPrice[]"]').each(function (index, element) {
            let item_code = $('[name="checkboxPrice[]"]').eq(index).val() ; 
            $('[name="quantity['+item_code+'][]"]').eq(0).prop('readonly', true);
            $('[name="itemLoss['+item_code+'][]"]').eq(0).prop('disabled', true);
            $('[name="itemChargeBuyer['+item_code+'][]"]').eq(0).prop('disabled', true);
            

            if (this.checked) {
               

                let currency = $('[name="currencies[]"]').eq(index).val();
                let dollarRate = parseFloat($('[name="dollarRate"]').val());
               let item_value = parseFloat($('[name="price[]"]').eq(index).val()) ; 
               //Pegar o input de quantidade da linha
               console.log('aaa: ' + $('[name="quantity['+item_code+'][]"]').eq(0).prop('readonly', false));
               $('[name="quantity['+item_code+'][]"]').eq(0).prop('readonly', false);
               $('[name="itemLoss['+item_code+'][]"]').eq(0).prop('disabled', false);
               $('[name="itemChargeBuyer['+item_code+'][]"]').eq(0).prop('disabled', false);
               let inputQuantity =   parseFloat($('[name="quantity['+item_code+'][]"]').eq(0).val()); 
               
               console.log('item_code: ' + item_code);
               console.log('inputQuantity: ' + inputQuantity);
               item_value = item_value * inputQuantity;
            //    $('[name="totalPriceSum[]"]')
               console.log('item_value: ' + item_value);
               $('[name="totalPriceSum[]"]').eq(index).val(item_value.toFixed(2)) ; 
            //    $('[name="totalPriceSum[]"]').each(function() {
            //         var value = parseFloat($(this).val());
            //         // if (!isNaN(value)) {
            //             $(this).val(item_value.toFixed(2));
            //         // }
            //     });



                // console.log($('[name="currencies[]"]').eq(index).val());
                if( currency != 21){
                    console.log(item_value);
                    total += item_value;
                    totalUSD += parseFloat($('[name="totalPriceSum[]"]').eq(index).val() * dollarRate);
                }
                else {
                    amountBRL += item_value;
                    totalUSD += item_value;
                }
                let get_id = $('[name="price[]"]').eq(index).attr('id');
                if (get_id.indexOf('specialFee') > -1) {
                    get_qty = get_id.replace('specialFee', '');
                    $('[name="price[]"]').eq(index).val($('[name="totalPriceSum[]"]').eq(index).val() / get_qty);
                    $('[name="totalPriceSum[]"]').eq(index).prop('readonly', false);
                    $('#preCarriageField').prop('readonly', false);
                    
                }  
               
            }  
            else  {
                $('[name="totalPriceSum[]"]').eq(index).prop('readonly', true);
                $('#preCarriageField').prop('readonly', true);
            }

                 
        });  
        $("[name='amountBRL']").val(amountBRL);
        $("[name='amount']").val(total);
        $("[name='amountUSD']").val(totalUSD);
        $('[name="amountBRL"]').val(parseFloat($('[name="amountBRL"]').val()).toFixed(2));
        $('[name="amountUSD"]').val(parseFloat($('[name="amountUSD"]').val()).toFixed(2));
        $('[name="amount"]').val(parseFloat($('[name="amount"]').val()).toFixed(2));
    }
</script>
@endSection