@extends('layout.padrao')
@section('title', 'Logistic Confirmation')
@section('content')

@if($errors->any())
        <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            {{ $error }} <br>
        @endforeach
        </div>
    @endif

<form  class="form_horizontal" method="post" action="{{-- route('') --}}">
        {{ csrf_field() }}
<div class='row mb-5'>@yield('loading_dta')</div>
<div class="card folha-interna shadow p-3 mb-5 bg-white rounded">@yield('data_module_1')</div>
<div class="card folha-interna shadow p-3 mb-5 bg-white rounded">@yield('data_module_2')</div>
<div class="card folha-interna shadow p-3 mb-5 bg-white rounded">@yield('data_module_3')</div>
<div class="card folha-interna shadow p-3 mb-5 bg-white rounded">@yield('data_module_4')</div>
<div class="card folha-interna shadow p-3 mb-5 bg-white rounded">@yield('data_module_5')</div>
</form>

<script type="text/javascript">


        window.onload = function(){ 
            
            /***************Equipament***************/
            $(".empty-release-success").click(function(){ 
                var motherNode = document.getElementById('increment-empty-release'); 
                var childNode = document.getElementById('empty-release-child');                
                motherNode.appendChild(childNode.cloneNode(true));   
                $('div#btn_empty-release_change').last().replaceWith( 
                ' <div class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">  ' + 
                ' <div class="circleIconRemove empty-release-danger" style="margin-left: 7px"><img src="/image/minus.svg" class="botao-circular-delete"></div>' +
                ' </div> ');
            });
            $("body").on("click",".empty-release-danger",function(){ 
                $(this).parents("#empty-release-child").remove();
            });
            /***************Stuffing Info***************/
            $(".stuf-success").click(function(){ 
                var motherNode = document.getElementById('increment-stuf'); 
                var childNode = document.getElementById('stuf-child');                
                motherNode.appendChild(childNode.cloneNode(true));   
                $('div#btn_stuf_change').last().replaceWith( 
                ' <div class="col col-lg-1 col-sm-1 col-md-12 input-group-btn">  ' + 
                ' <div class="circleIconRemove stuf-danger" style="margin-left: -5px; margin-top: 17px"><img src="/image/minus.svg" class="botao-circular-delete"></div> ' +
                ' </div> ');
            });
            $("body").on("click",".stuf-danger",function(){ 
                $(this).parents("#stuf-child").remove();
            });  
            
        };
        
        /***************attachmentt***************/
        $(".att-success").click(function(){ 
            var html = $(this).closest(".row").find(".clone").html();
            $(this).closest(".increment").after(html);
            /*window.alert($(this).parents(".form-group").find(".input-group").length>0);*/
            if($(this).parents(".form-group").find(".input-group").length>0){

                $(this).closest(".increment").parent().find(".input-group").find("select.form-control").first().val($(this).parents(".form-group").find("select.form-control").first().val());
                $(this).parents(".form-group").find("select.form-control").first().val("");
                $(this).closest(".increment").parent().find(".input-group").find("input.form-control").first().insertAfter($(this).parents(".form-group").find("input.form-control").first())
                $(this).parents(".form-group").find("input.form-control").first().insertBefore($(this).closest(".increment").parent().find(".input-group").find("select.form-control").first().parent().next().children().first())
            }
        /*  $(this).closest(".increment").parent().find(".input-group").find("input.form-control").css( "background", "white" );
            $(this).closest(".increment").parent().find(".input-group").find("select.form-control").css( "background", "white" );
            $(this).closest(".increment").parent().find(".input-group").find("input.form-control").first().css( "background", "yellow" );
            $(this).closest(".increment").parent().find(".input-group").find("select.form-control").first().css( "background", "green" );
            $(this).parents(".form-group").find("select.form-control").first().css( "background", "red" );
            $(this).parents(".form-group").find("input.form-control").first().css( "background", "blue" ); **/
            
        });
        $("body").on("click",".att-danger",function(){ 
            $(this).parents(".control-group").remove();
        });
      
        /*********************************/
        $(" .destinationPort, .transhipments").select2({
            placeholder: "Select and Search",
            allowClear:true,
            maximumSelectionLength: 1,
            
        });
    </script>

@endsection