@extends('layout.padrao')
@section('title', 'Payment Request')

<!-- <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

    {{ Form::open(array('name'=>'enviar', 'method' => 'post', 'id'=> 'form-BL', 'files'=>true, 'enctype'=>'multipart/form-data', 'route'=>array('updateLoading', $register->id))) }}
        {{ csrf_field() }}
        

            
        <style>
            .folha-interna{
        padding: 10px;
        margin-left: 0 !important;
        }

        .row {
            margin-right: -2px !important;
        }
        </style>
        <div class="row folha-interna3 shadow p-3 mb-5 bg-white rounded">
           
            <div class="row folha-interna2 shadow p-3 mb-5 bg-white rounded">
                <div class="col col-lg-12 col-sm-12 col-md-12 row">
                    <table style="width:100%;">
                        <thead>
                            <tr>
                                <td style="width: 50px;">
                                    <img src="{!! asset('/image/csa_Logo78x74.png') !!}" alt="profile Pic" style="height:74px;">
                                </td>
                                <td>
                                    <h3 style="margin-left: 10px;">Booking information</h3>
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <span class='sep-line align-items-center'></span>
                <div class="col col-lg-6 col-sm-12" style="width: 100%; text-align:left; font-family: monospace;">
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Client: </b>{{$register->clients->fantasyName}}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Booking: </b>{{$register->booking}}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Product: </b>{{$register->platforms->descricao}}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Carrier: </b>{{$register->carriers->descricao}} - <b> Vessel: </b>{{$register->vessel->descricao}} - <b> Voyage: </b>{{$register->voyage}}

                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Destination Port: </b>{{($register->code_of_ports1 ? $register->code_of_ports1->place . ',' . $register->code_of_ports1->country : '')}}</p>
                </div>
                <div class="col col-lg-6 col-sm-12" style="width: 100%; text-align:left; font-family: monospace;">
                    <p style="font-size: 12px; margin:0; padding:5px;"> <span style=" font-weight:bold;">BL Date: </span>{{ date( 'd-m-Y' , strtotime($register->etaPol))}}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <span style=" font-weight:bold;">BL No: </span>{{ date( 'd-m-Y' , strtotime($register->etaPod))}}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b> Loading Port: </b>{{$register->loading_ports->descricao }}</p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b>QUANTITY: </b>{{ $register->containerQty}} </p>
                    <p style="font-size: 12px; margin:0; padding:5px;"> <b>TYPE OF EQUIPMENT: </b> {{ $register->container_types->descricao }} </p>
                   
                </div>    
                <span class='sep-line align-items-center'></span> 
            </div>
            <div class="col col-lg-12 col-sm-12 col-md-12 row">
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row">
                        {!! Form::checkbox('maritime_quote_codes_id', 1); !!}  
                        {!! Form::label('maritime_quote_codes_id', ' Capatazia Export', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:4px']) !!}
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row">
                        {!! Form::checkbox('maritime_quote_codes_id', 1); !!}  
                        {!! Form::label('maritime_quote_codes_id', ' Declaration Charge', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:4px']) !!}
                    </div>
                    <div class="vertical"></div>            
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}" style="margin-left:-110px">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('price', ' Price', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:72px']) !!}
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('price2', ' Price', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:72px']) !!}
                    </div>
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="price" id="price" onkeyup="doMath()" class="formc-control" style="height:23px;margin-left:-78px;margin-bottom:2px;width:106px">
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="price2" id="price2" onkeyup="doMath()" class="formc-control" style="height:23px;margin-left:-78px;margin-bottom:2px;width:106px">
                    </div>
                    <div class="vertical2"></div>                
                </div>           
                <div class="col col-lg-1 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}" style="margin-left:-30px">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('totalPriceSum', ' Total', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:-100px']) !!}
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('totalPriceSum', ' Total', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:-100px']) !!}
                    </div>
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="totalPriceSum" id="totalPriceSum" onkeyup="doMath()" class="formc-control" style="height:23px;margin-left:-156px;margin-bottom:2px;">
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="totalPriceSum2" id="totalPriceSum2" onkeyup="doMath()" class="formc-control" style="height:23px;margin-left:-156px;margin-bottom:2px;">
                    </div>
                    <div class="vertical2"></div>
                </div>
                <div class="col col-lg-1 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}" style="margin-left:-30px">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('dollarRate', ' Dollar Rate', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:-95px','step'=> "0.00001"]) !!}
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        {!! Form::label('totalPrice', ' Total Amount', [ 'class' => 'pr-16 control-label', 'style' => 'font-size:13px;margin-left:-95px']) !!}
                    </div>
                </div>
                <div class="col col-lg-2 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="dollarRate" id="dollarRate" class="formc-control" style="height:23px;margin-left:-90px;margin-bottom:2px" step="0.00001">
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row"> 
                        <input type="number" name="totalPrice" id="totalPrice" class="formc-control" style="height:23px;margin-left:-90px;margin-bottom:2px">
                    </div>
                    <div class="vertical3"></div>
                </div>   
                <div class="col col-lg-6 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    <h3 style="font-size:18px;">Banking Details</h3>
        
                    <div class="col col-lg-1 col-sm-12 col-md-12 {{ $errors->has('BlDate')? 'has-error':''}}">                  
                        {!! Form::checkbox('banking_details_id', 1); !!}  
                    </div>
                    <div class="col col-lg-5 col-sm-12 col-md-12 {{ $errors->has('BlDate')? 'has-error':''}}">                  
                        {!! Form::textarea('banking_details_id', $value = null, ['class' => 'form-control', 'rows' => 15, 'style' => 'margin-bottom:10px']) !!}
                    </div>
                    <div class="col col-lg-1 col-sm-12 col-md-12 {{ $errors->has('BlDate')? 'has-error':''}}">                  
                        {!! Form::checkbox('banking_details_id2', 1); !!}  
                    </div>
                    <div class="col col-lg-5 col-sm-12 col-md-12 {{ $errors->has('BlDate')? 'has-error':''}}">                  
                        {!! Form::textarea('banking_details_id2', $value = null, ['class' => 'form-control', 'rows' => 15, 'style' => 'margin-bottom:10px']) !!}
                    </div> 
                </div>
                <div class="col col-lg-6 col-sm-12 col-md-12 form-group BlDate-rule {{ $errors->has('BlDate')? 'has-error':''}}">
                    
                    <h3 style="font-size:15px;margin-left:20px;">Correction Fee
                    {!! Form::checkbox('correctionFee', 1); !!}  </h3>
                    
                    <div class="col col-lg-12 col-sm-12 col-md-12 {{ $errors->has('BlDate')? 'has-error':''}}">                  
                        {!! Form::textarea('correctionFee', $value = null, ['class' => 'form-control', 'rows' => 5, 'style' => 'margin-bottom:10px', 'placeholder' => 'Reason:']) !!}
                    </div> 
                    <div class="col col-lg-6 col-sm-12 col-md-12 row"> 
                        {!! Form::label('correctionNumber', ' Correction Quantity', [ 'class' => 'pr-16 control-label' , 'style' => 'margin-left:20px']) !!}
                        {!! Form::number('correctionNumber', null, ['class' => 'form-control ', 'style' => 'text-transform:uppercase;margin-bottom:10px;margin-right:10px;margin-left:15px' , 'placeholder' => 'Quantity' ]) !!}
                    </div>
                    <div class="col col-lg-6 col-sm-12 col-md-12 row"> 
                        {!! Form::label('correctionPrice', ' Correction Price', [ 'class' => 'pr-16 control-label' , 'style' => 'margin-left:20px']) !!}
                        {!! Form::number('correctionPrice', null, ['class' => 'form-control ', 'style' => 'text-transform:uppercase;margin-bottom:10px;margin-left:15px' , 'placeholder' => 'Price']) !!}
                    </div>
                    <div class="col col-lg-12 col-sm-12 col-md-12 row">
                        {!! Form::label('dollarRate', ' Payment Date', [ 'class' => 'pr-16 control-label' , 'style' => 'margin-left:20px','step'=> "0.00001"]) !!}
                        {!! Form::date('correctionPayDate', null, ['class' => 'form-control ', 'min' => '2019-01-01', 'max' => '2080-01-01', 'style' => 'text-transform:uppercase;margin-bottom:10px;margin-left:15px;width:92%' ]) !!}
                    </div>
                    <div class="col col-lg-6 col-sm-12 col-md-12 row"> 
                        {!! Form::label('chargeBuyer', ' Charge Buyer', [ 'class' => 'pr-16 control-label' , 'style' => 'margin-left:20px']) !!}
                        {!! Form::text('chargeBuyer', null, ['class' => 'form-control ', 'style' => 'text-transform:uppercase;margin-bottom:10px;margin-right:10px;margin-left:15px' , 'placeholder' => 'YES/NO' ]) !!}
                    </div>
                    <div class="col col-lg-6 col-sm-12 col-md-12 row"> 
                        {!! Form::label('loss', ' Loss ', [ 'class' => 'pr-16 control-label' , 'style' => 'margin-left:20px']) !!}
                        {!! Form::text('loss', null, ['class' => 'form-control ', 'style' => 'text-transform:uppercase;margin-bottom:10px;margin-left:15px' , 'placeholder' => 'YES/NO' ]) !!}
                    </div>
                </div>
    
            <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group  increment-attach-invoice" id="increment-attach-invoice">
                <span id="attach-child-invoice">
                    <div class="col col-lg-3 col-sm-12 col-md-12 {{ $errors->has('anexo_types_id.0')? 'has-error':''}}">                  
                            {!! Form::select('anexo_types_id[]',[''=>'-- Select Required ---']+$select['anexo_types_id'], null, ['class' => 'form-control', 'style'=>'height:40px']) !!}                                 
                    </div>
                    
                    <div class="col col-lg-8 col-sm-12 col-md-12 pb-3 increment " style="padding: 0 0;display: inline-flex;width: 78%;">   
                                    
                        <input type="file" name="filename[]" class="form-control" multiple="multiple" style="height:40px;">
            
                    </div>
                    <div id = 'btn_attach_change_invoice' class="col col-lg-1 col-sm-1 col-md-1 input-group-btn"> 
                        <button class="btn btn-success attach-success-invoice" type="button" style="height:40px;margin-right:-90px;"><i class="fas fa-plus"></i></button>
                    </div>
                </span>
            </div>  
            <div class="col col-lg-12 col-sm-12 col-md-12 input-group control-group">
                {!! Form::label('aditionalComments', 'ADDITIONAL COMMENTS', [ 'class' => 'w-100 control-label' , 'style' => 'margin-left:10px']) !!}
                {!! Form::textarea('aditionalComments', $value = null, ['class' => 'form-control', 'rows' => 3 , 'style' => 'margin-left:10px;margin-bottom:10px']) !!}    
            </div>    
            <div class="w-100 form-group">
            <div class="col-sm-offset-2 col-sm-10 text-right">
                    <button type="submit" class="btn btn-green" id='submitbl'> Save </button>
                    <button type="reset" class="btn btn-green" onClick="history.go(-1)"> Cancel </button>
                </div>
            </div>
        </div>
    </div>
    </form>
    <script>

    $(".attach-success-invoice").click(function(){ 
        var motherNode = document.getElementById('increment-attach-invoice'); 
        var childNode = document.getElementById('attach-child-invoice');                
        motherNode.appendChild(childNode.cloneNode(true));   
        $('div#btn_attach_change_invoice').last().replaceWith( 
        ' <div class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">  ' + 
        ' <div class="circleIconRemove attach-danger" style="margin-left: 7px"><img src="/image/minus.svg" class="botao-circular-delete"></div>' +
        ' </div> ');
        
    });
    $("body").on("click",".attach-danger",function(){ 
        $(this).parents("#attach-child-invoice").remove();
    });

    
     $("input[name='price']").blur(function(){
            $('[name="price"]').val(parseFloat($('[name="price"]').val()).toFixed(2));
        });
    $("input[name='price2']").blur(function(){
        $('[name="price2"]').val(parseFloat($('[name="price2"]').val()).toFixed(2));
    });
    $("input[name='dollarRate']").blur(function(){
        $('[name="dollarRate"]').val(parseFloat($('[name="dollarRate"]').val()).toFixed(5));
    });
    $("input[name='correctionPrice']").blur(function(){
        $('[name="correctionPrice"]').val(parseFloat($('[name="correctionPrice"]').val()).toFixed(2));
    });
    
    
        function  doMath() { 
        var counter; var nValue; var amount;
        var price=10;
        nValue = document.getElementById("price").value;
        amount=(nValue*price);
        document.getElementById("totalPriceSum").value=amount ;
        nValue = document.getElementById("price2").value;
        amount=(nValue*price);
        document.getElementById("totalPriceSum2").value=amount ;
        $('[name="totalPriceSum"]').val(parseFloat($('[name="totalPriceSum"]').val()).toFixed(2));
        $('[name="totalPriceSum2"]').val(parseFloat($('[name="totalPriceSum2"]').val()).toFixed(2));
        }


    </script>
    @include('loading.loadingPlan.script')
  
    <!--página Script -->


@endSection