@extends('usuarios.funcionarios.digitalizacao.dashboard.master')
@section('conteudo')

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link href="{{asset('js/digitalizacao_plugins/css/plugins/dataTables/datatables.min.css')}}" rel="stylesheet">

    <link href="{{asset('js/digitalizacao_plugins/css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('js/digitalizacao_plugins/font-awesome/css/font-awesome.css')}}" rel="stylesheet">

    <link href="{{asset('js/digitalizacao_plugins/css/plugins/jsTree/style.min.css')}}" rel="stylesheet">

<style>
.panel-body {
    max-width: 100%;
    width: 1000px;
}
.quadrado{
        max-width: 100%;
            width: 300px;
            border: 2px solid red;
            height: 200px;
            margin-left: 101px;
}

#rowmy {
    height: 500px;
}

</style>


<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
<link href="{{url('css/alertaTemporario.css')}}" rel="stylesheet" />
<link href="{{asset('js/digitalizacao_plugins/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('js/jquery.css/plugins/dataTables/datatables.min.css')}}" rel="stylesheet">

<div class="row wrapper border-bottom white-bg page-heading" style="max-width:1840;">
    <div class="col-lg-10">
        <br>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('us.digit.confdigi.index') }}">home</a>
            </li>
            <li class="breadcrumb-item">
                <a>Classe Documental</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Parametrizar</strong>
            </li>
        </ol>
    </div>


    <div class="row" id="rowmy">
        <div class="col-lg-12">

            <input value="{{$id_Cliente}}" hidden name="meu_id_cliente" id="meu_id_cliente" type="number">
            <input hidden name="meu_id_serie" id="meu_id_serie" type="text">
                    <div role="tabpanel" id="tab-5" class="tab-pane">
                        <div class="panel-body">
                            {{----
                            <div class="row">

                                 @php $clientes=\App\Models\Cliente::all(); @endphp

                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label class="col-form-label" for="status">Cliente</label>
                                                <select data-placeholder="Choose a Country..." class="select2_group form-control" id="clie" tabindex="2">

                                                    @forelse ($clientes as $dado)
                                                    @php $clientes_dados=\App\Models\Cliente::find($dado->id)->getUser->getPessoa; @endphp
                                                    <option value="{{$dado->id}}">{{$clientes_dados->nome}}</option>
                                                    @empty
                                                    <option value="0">Vazio</option>
                                                    @endforelse
                                                </select>
                                            </div>
                                        </div>


                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <h4 class="col-form-label"></h4><br>
                                                <div class="input-group meubtn">
                                                    <button type="submit" class="btn btn-danger meubtn"><i class="fa fa-search"></i> Pesquisar</button>
                                                </div>
                                            </div>
                                        </div>
                            </div>
                            -----}}


                             <!-- Modal -->
                                <div class="modal fade" id="myModal" role="dialog">
                                    <div class="modal-dialog">

                                       <!-- Modal content-->
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLongTitle">Parametrização</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>


                                        <div class="modal-body">

                                            <div class="row">

                                                <div class="col-lg-12">
                                                    <div class="tabs-container">
                                                        <ul class="nav nav-tabs">
                                                            <li><a class="nav-link active" data-toggle="tab" href="#tab-3">Clase Documental</a></li>
                                                            <li><a class="nav-link" data-toggle="tab" href="#tab-4">Campos Dinamicos</a></li>
                                                        </ul>
                                                        <div class="tab-content">
                                                            <div id="tab-3" class="tab-pane active">
                                                                <div class="panel-body">
                                                                    <div class="row">
                                                                        <label class="col-sm-8 col-form-label"><strong>Quantidade de  Classe Documental</strong></label>
                                                                                <input class="form-control col-sm-6" placehodel="insira a quantidade de classe documental" name="inserir_name" id="inserir_name" type="number">
                                                                            <button type="button" class="form-control col-sm-3 btn btn-primary" id="inserir"> Inserir</button>

                                                                    </div>

                                                                    <hr/>
                                                                    <div class="meus_inputs" id="meus_inputs">

                                                                    </div>

                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-success" id="close" class="inserir_na_arvore" data-dismiss="modal">Adicionar campos</button>
                                                                   </div>

                                                                </div>
                                                            </div>
                                                            <div id="tab-4" class="tab-pane">
                                                                <div class="panel-body">
                                                                        <div class="row">
                                                                            <label class="col-sm-8 col-form-label"><strong>Quantidade de Campos Dinãmicos</strong></label>
                                                                                <input class="form-control col-sm-6" placehodel="insira a quantidade de classe documental" name="inserir_name_cpdinamicos" id="inserir_name_cpdinamicos" type="number">
                                                                                <button type="button" class="form-control col-sm-3 btn btn-primary" id="inserir_cpdinamicos"> Inserir</button>

                                                                        </div>

                                                                        <hr/>
                                                                        <div class="meus_inputs_cpdinamicos" id="meus_inputs_cpdinamicos">

                                                                            </div>


                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-waning" id="close_cpdinamicos" class="inserir_na_arvore_cpdinamicos" data-dismiss="modal">Adicionar Campos Dinâmicos</button>
                                                                           </div>


                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>





                                        </div>
                                        <!-----
                                        <div class="modal-footer">
                                             <button type="button" class="btn btn-default" id="close" class="inserir_na_arvore" data-dismiss="modal">Inserir</button>
                                        </div>
                                        ---->
                                    </div>

                                    </div>
                                </div>




                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="ibox ">
                                            <div class="ibox-content">
                                                <div id="jstree1">
                                                    <ul>

                                                            @php $minha_empresa=\App\Models\Cliente::join('users','users.id','clientes.usuario_id')
                                                                                                    ->join('pessoas','pessoas.id','users.pessoa_id')
                                                                                                    ->where('clientes.id',$id_Cliente)
                                                                                                    ->select('pessoas.nome')->first();
                                                            @endphp

                                                            @if(empty($minha_empresa))
                                                            <h2>sem cliente cadastrado</h2>
                                                            @else

                                                                <li class="jstree-open"><span class="myBtn">{{$minha_empresa->nome}}</span>
                                                                    <div class="meu_conteudo">

                                                                    </div>


                                                                    {{-----
                                                                        <ul>

                                                                            <li>SÉRIE DOCUMENTAL


                                                                                <ul>
                                                                                    <li data-jstree='"type":"css"}'>Abertura de Conta
                                                                                        <ul>
                                                                                            <li data-jstree='"type":"html"}'>Geral</li>
                                                                                            <li data-jstree='"type":"html"}'>Agencia

                                                                                            </li>
                                                                                        </ul>
                                                                                    </li>

                                                                                </ul>

                                                                            </li>
                                                                        </ul>
                                                                    -----}}

                                                                </li>

                                                            @endif

                                                    </ul>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>




                        </div>
                    </div>

        </div>


    </div>
</div>

<br><br>



 <!-- Mainly scripts -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="{{asset('js/digitalizacao_plugins/js/jquery-3.1.1.min.js')}}"></script>


 <script src="{{asset('js/digitalizacao_plugins/js/plugins/dataTables/datatables.min.js')}}"></script>
 <script src="{{asset('js/digitalizacao_plugins/js/plugins/dataTables/dataTables.bootstrap4.min.js')}}"></script>

 <!-- Custom and plugin javascript -->
 <script src="{{asset('js/digitalizacao_plugins/js/inspinia.js')}}"></script>
 <script src="{{asset('js/digitalizacao_plugins/js/plugins/pace/pace.min.js')}}"></script>

 <script src="{{asset('js/digitalizacao_plugins/js/bootstrap.js')}}"></script>
 <!-- Page-Level Scripts -->


 <script src="{{asset('js/digitalizacao_plugins/js/plugins/jsTree/jstree.min.js')}}"></script>

<style>
    .jstree-open > .jstree-anchor > .fa-folder:before {
        content: "\f07c";
    }

    .jstree-default .jstree-icon.none {
        width: 0;
    }
</style>

<script>


    $(document).ready(function(){

        $('#jstree1').jstree({
            'core' : {
                'check_callback' : true
            },
            'plugins' : [ 'types', 'dnd' ],
            'types' : {
                'default' : {
                    'icon' : 'fa fa-folder'
                },
                'html' : {
                    'icon' : 'fa fa-file-code-o'
                },
                'svg' : {
                    'icon' : 'fa fa-file-picture-o'
                },
                'css' : {
                    'icon' : 'fa fa-file-code-o'
                },
                'img' : {
                    'icon' : 'fa fa-file-image-o'
                },
                'js' : {
                    'icon' : 'fa fa-file-text-o'
                }

            }
        });

        // $('#using_json').jstree({
        //     'core' : {
        //     'data' : [
        //         'Empty Folder',
        //         {
        //             'text': 'Resources',
        //             'state': {
        //                 'opened': true
        //             },
        //             'children': [
        //                 {
        //                     'text': 'css',
        //                     'children': [
        //                         {
        //                             'text': 'animate.css', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'bootstrap.css', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'main.css', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'style.css', 'icon': 'none'
        //                         }
        //                     ],
        //                     'state': {
        //                         'opened': true
        //                     }
        //                 },
        //                 {
        //                     'text': 'js',
        //                     'children': [
        //                         {
        //                             'text': 'bootstrap.js', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'inspinia.min.js', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'jquery.min.js', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'jsTree.min.js', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'custom.min.js', 'icon': 'none'
        //                         }
        //                     ],
        //                     'state': {
        //                         'opened': true
        //                     }
        //                 },
        //                 {
        //                     'text': 'html',
        //                     'children': [
        //                         {
        //                             'text': 'layout.html', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'navigation.html', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'navbar.html', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'footer.html', 'icon': 'none'
        //                         },
        //                         {
        //                             'text': 'sidebar.html', 'icon': 'none'
        //                         }
        //                     ],
        //                     'state': {
        //                         'opened': true
        //                     }
        //                 }
        //             ]
        //         },
        //         'Fonts',
        //         'Images',
        //         'Scripts',
        //         'Templates',
        //     ]
        // } });

    });
</script>

 <script>
     $(document).ready(function(){
         $('.dataTables-example').DataTable({
             pageLength: 25,
             responsive: true,
             dom: '<"html5buttons"B>lTfgitp',
             buttons: [
                 { extend: 'copy'},
                 {extend: 'csv'},
                 {extend: 'excel', title: 'ExampleFile'},
                 {extend: 'pdf', title: 'ExampleFile'},

                 {extend: 'print',
                  customize: function (win){
                         $(win.document.body).addClass('white-bg');
                         $(win.document.body).css('font-size', '10px');

                         $(win.document.body).find('table')
                                 .addClass('compact')
                                 .css('font-size', 'inherit');
                 }
                 }
             ]

         });

     });

 </script>



 <script>
     var paiClicado=""; var tamanho_entrada=0;var idserieGblobal=0;meus_inputsDadso=[];
     //Resetar campos dinâmicos
     $("#inserir_name").val("");
     $("#inserir_name_cpdinamicos").val("");

    $(document).ready(function(){

        $("span.myBtn").click(function(){
            $("#myModal").modal();
            //ppegar  o id
            //paiClicado=this.id;
            paiClicado=$(this).attr("class")
            console.log(paiClicado);

        });



        /****
            $("#close").click(function (){
                var tamanho_entrada=0;
                tamanho_entrada=$("#ts").val();
                console.log(tamanho_entrada)


            })
        ****/


        $("#inserir").click(function (){

            tamanho_entrada=$("#inserir_name").val();
            console.log(tamanho_entrada)
                if(tamanho_entrada>=0)
                {
                    for(var i=1;i<=tamanho_entrada;i++)
                    {
                        var inptuAdd="<p><input class=\"form-control\" name=\"inserir_name"+i+"\" id=\"inserir_name"+i+"\" type=\"text\"></p>";
                        $("#meus_inputs").append(inptuAdd);
                    }

                }

        })
        //-------------C  L A S  S  E    D  O  C  U  M  E N  T  A  L
        $("#close").click(
            function(){
                console.log("clikei no botao fechar");


            //Variaveis
                var div_conteudoPai="";var id_divconteudo="";var ulconteudo="";var numeroMargin=0;
                var serie, paramentros, subsereies,posicao,profundidade,id_raiz,idrecursivo;
                var vectorrseries=[], profundidade=1;
                var vectorsubseries=[]; var id_subserie;
                var id_rercusivo="";
            // variaveis

                idaleortio=getRandomInt(100, 2000);
                idaleortio2=idaleortio+getRandomInt(1, 200);
                //primeira ocorencia=false;
                var varSen=false;
                console.log("cliquei na div="+paiClicado)

                idaleortio=idaleortio+idaleortio2;

            //T R A Z E R     A    U L    Q     V  A   I     R  E  C E  B  E  R     O    C O  N   T  E  U  D  O

                 if(paiClicado!="myBtn")
                 {
                    idaleortio=idaleortio-100;
                            console.log("Minha antiga Clase btn--\n"+paiClicado)
                            //Mapi q foi qlciacdo

                        //nao consigo pegar o teerceiro filho, tive que repartir e pegar apartir apenas um split
                        var vectr=paiClicado.split(" ");
                        vectr=vectr[vectr.length-1];
                        console.log("meu vector repartido"+vectr);

                    div_conteudoPai=$("."+vectr).next().next();

                    //div_conteudoPai=$("."+paiClicado).next().next();
                            console.log(div_conteudoPai);
                            //return;
                            $(div_conteudoPai).append("<ul role=\"group\" id=\"ulPai"+idaleortio+"\" class=\"jstree-children ulconteudo"+idaleortio+"\" style=\"display:block;\" >");
                            //meu id da vic ocnteudo
                            id_divconteudo=$(div_conteudoPai).attr("class");
                            console.log(id_divconteudo);

                                ulconteudo=$("."+id_divconteudo).find(">:first-child");
                                console.log("minha verdadeira class--");console.log(div_conteudoPai);


                                //buscar o id recursivo e
                                //Buscar o id do pai

                                id_subserie=$("."+id_divconteudo).parent().next().val();
                                id_rercusivo=$("."+id_divconteudo).parent().next().next().val();
                                console.log("id_subserie= "+id_subserie+ " id_rercusivo="+id_rercusivo)



                    }else
                    {


                        //origem
                        console.log("minha new class--\n" +paiClicado);
                        var varSen=true;

                            div_conteudoPai=$("."+paiClicado).next();

                            console.log(div_conteudoPai);
                            $(div_conteudoPai).append("<ul role=\"group\" id=\"ulFilho"+idaleortio+"\" class=\"jstree-children ulconteudo"+idaleortio+"\" style=\"display:block;\" >");
                            //meu id da vic ocnteudo
                            id_divconteudo=$(div_conteudoPai).attr("class");
                            console.log(id_divconteudo);

                                ulconteudo=$("."+id_divconteudo).find(">:first-child");
                                console.log("Minha antiga Clase btn--");console.log(div_conteudoPai);




                    }




                console.log("class ul do clicado");
                console.log(ulconteudo)

                meus_inputsDadso.splice(0, meus_inputsDadso.length );
                console.log("nome dos campos introzidos");
                for(var i=1;i<=tamanho_entrada;i++)
                {
                    meus_inputsDadso.push($("#inserir_name"+i).val());

                    console.log($("#inserir_name"+i).val());

                }

                var meu_id_cliente=$("#meu_id_cliente").val();

                if(varSen)
                {
                    //S A L  V A R      N A      B  A  S  E       D  E      D  A   D   O  S       S   E   R  I  E   D O C
                    //cadastar se
                                $.post("{{ route('us.digit.confdigi.paramentro.param.digi.serie') }}",
                                        { '_token': '{{ csrf_token() }}',
                                        'series':meus_inputsDadso,
                                        'profundidade':1,
                                        'posicao':1,
                                        'cliente':meu_id_cliente,
                                        'tamanho_entrada':tamanho_entrada,
                                        },function (data) {
                                          //  var datas=$.parseJSON(data);

                                            console.log("meu valor vindo da bd");
                                           console.log(data)
                                            console.log(data.length);

                                            for(var i=0;i<=data.length-1;i++)
                                            {
                                                console.log("meu vector texte");
                                                console.log(data[i]);

                                            }

                                        //D A  D  O  S       V  I  N  D  O         D  A         B  D

                                        for(var i=1;i<=tamanho_entrada;i++)
                                        {
                                            idaleortio=getRandomInt(2000, 6000)+idaleortio;
                                            var linha_new=""; var dados="";
                                            dados=$("#inserir_name"+i).val();
                                            //console.log("meu dado q recebi dos input ="+dados)
                                            //o id do <i></i> é  aposicaçoa
                                            linha_new="<li role=\"treeitem\" aria-selected=\"true\" aria-level=\"2\" aria-labelledby=\"j1_2_anchor\" aria-expanded=\"false\" id=\"j1_2"+i+"\" class=\"jstree-node  jstree-closed jstree-last a"+i+" \">"+
                                                            "<i class=\"jstree-icon jstree-ocl\" role=\"presentation\"></i>"+
                                                                "<a class=\"jstree-anchor  href=\"#\" tabindex=\"-1\" id=\"j1_2_anchor\">"+
                                                                    "<i class=\"jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom  a_click"+idaleortio+"\" onclick=\"trazerClass(this)\" role=\"presentation\" id=\""+idaleortio+"\">"+
                                                                    "</i>"+
                                                                        "<span class=\"myBtn"+i+"\">"+meus_inputsDadso[i-1]+"</span>"+
                                                                        "<div class=\"meu_conteudo"+idaleortio+"\">"+
                                                                        "</div>"+
                                                                "</a>"+
                                                                "<input class=\"posicao"+idaleortio+"\" value=\""+data[i-1]+"\"  id=\"raiz"+idaleortio+"\" type=\"text\" hidden>"+
                                                                "<input class=\"id_recursivo"+idaleortio+"\" value=\"\"  id=\"id_recursivo"+idaleortio+"\" type=\"text\" hidden>"+
                                                        "</li>";
                                                        //Adicionar na
                                            console.log(linha_new);
                                            $(ulconteudo).append(linha_new)


                                                    //Id    A l e a t o r i o       para    as   li
                                                    idaleortio=getRandomInt(1, 30);
                                                    //vectorrseries.push(dados);
                                                    numeroMargin=20+numeroMargin;
                                        }


                                            $(div_conteudoPai).append("</ul>");
                                            $("#meus_inputs").empty();

                                            //DAR ESPAÇO EM BRANCO
                                            console.log("dar espaços");
                                            console.log($("."+vectr));
                                        var pai=$("."+vectr).closest("li");

                                        recursivoMargin(pai,numeroMargin)

                                        }
                                    ).fail(function(){
                                            console.log("erro ao salvar series");
                                    });
                     //E N D       N A    B A  S  E       D   E    D   A   D  O  S


                }


                if(varSen==false)
                {
                    //S A L  V A R      N A      B  D     S  U   B       S   E   R  I  E   D O C
                        console.log("entrou no filho");

                       // return;
                                $.post("{{ route('us.digit.confdigi.paramentro.param.digi.subserie') }}",
                                        { '_token': '{{ csrf_token() }}',
                                        'subseriedoc':meus_inputsDadso,
                                        'id_recursivo':id_rercusivo,
                                        'serie_id':id_subserie,
                                        'tamanho_entrada':tamanho_entrada,
                                        },function (data) {
                                          //  var datas=$.parseJSON(data);

                                            console.log("meu valor vindo da bd");
                                           console.log(data)
                                            console.log(data.length);

                                            for(var i=0;i<=data.length-1;i++)
                                            {
                                                console.log("meu vector texte");
                                                console.log(data[i]);

                                            }

                                        //D A  D  O  S       V  I  N  D  O         D  A         B  D

                                            for(var i=1;i<=tamanho_entrada;i++)
                                            {
                                                idaleortio=getRandomInt(100, 2000)+(idaleortio-102);
                                                var linha_new=""; var dados="";
                                                dados=$("#inserir_name"+i).val();
                                                //console.log("meu dado q recebi dos input ="+dados)
                                                //o id do <i></i> é  aposicaçoa
                                                linha_new="<li role=\"treeitem\" aria-selected=\"true\" aria-level=\"2\" aria-labelledby=\"j1_2_anchor\" aria-expanded=\"false\" id=\"j1_2"+idaleortio+"\" class=\"jstree-node  jstree-closed jstree-last  a"+i+" \">"+
                                                                "<i class=\"jstree-icon jstree-ocl\" role=\"presentation\"></i>"+
                                                                    "<a class=\"jstree-anchor  href=\"#\" tabindex=\"-1\" id=\"j1_2_anchor\">"+
                                                                        "<i class=\"jstree-icon jstree-themeicon fa fa-folder jstree-themeicon-custom  a_click"+idaleortio+"\" onclick=\"trazerClass(this)\" role=\"presentation\" id=\""+idaleortio+"\">"+
                                                                        "</i>"+
                                                                            "<span class=\"myBtn"+i+"\">"+meus_inputsDadso[i-1]+"</span>"+
                                                                            "<div class=\"meu_conteudo"+idaleortio+"\">"+
                                                                            "</div>"+
                                                                    "</a>"+
                                                                    "<input class=\"posicao"+idaleortio+"\" value=\""+id_subserie+"\"  id=\"raiz"+idaleortio+"\" type=\"text\" hidden>"+
                                                                    "<input class=\"id_recursivo"+idaleortio+"\" value=\""+data[i-1]+"\"  id=\"id_recursivo"+idaleortio+"\" type=\"text\" hidden>"+
                                                            "</li>";
                                                            //Adicionar na
                                                console.log(linha_new);
                                                $(ulconteudo).append(linha_new)


                                                        //Id    A l e a t o r i o       para    as   li
                                                        idaleortio=getRandomInt(1, 30);
                                                        //vectorrseries.push(dados);
                                                        numeroMargin=20+numeroMargin;
                                            }


                                            $(div_conteudoPai).append("</ul>");
                                            $("#meus_inputs").empty();

                                            //DAR ESPAÇO EM BRANCO
                                            console.log("dar espaços");
                                            console.log($("."+vectr));
                                        var pai=$("."+vectr).closest("li");

                                        recursivoMargin(pai,numeroMargin)

                                        }
                                    ).fail(function(){
                                            console.log("erro ao salvar subseries");
                                    });
                     //E N D       N A    B A  S  E       D   E    D   A   D  O  S


                }

            $("#inserir_name").val("");
        });
    });


    function salvarSerie(serie,profundidade,posicao)
    {
        var meu_id_cliente=$("#meu_id_cliente").val();
        $.post("{{ route('us.digit.confdigi.paramentro.param.digi.serie') }}",
                { '_token': '{{ csrf_token() }}',
                'series':serie,
                'profundidade':1,
                'posicao':posicao,
                'cliente':meu_id_cliente,
                },function (data) {

                    //alert(data);
                    $("#meu_id_serie").val(data);
                   console.log($("#meu_id_serie").val());
                }
                ).fail(function(){
                    console.log("erro ao salvar series");
                });

    }


    function salvarSubSerie(subserie,profundidade,posicaopai,idSerie,idrecursivo)
    {
        var meu_id_cliente=$("#meu_id_cliente").val();
        cliente_id=13;
        $.post("{{ route('us.digit.confdigi.paramentro.param.digi.subserie') }}",
                { '_token': '{{ csrf_token() }}',
                'id_resurivo':idrecursivo,
                'subserie':subserie,
                'profundidade':1,
                'posicaopai':posicaopai,
                'idSerie':idSerie,
                },function (data) {

                        if(data==true)
                            console.log("Good");
                return  data.message;
                }
                ).fail(function(){
                    console.log("erro ao salvar series");
                });


    }

    function trazerClass(element)
    {
            $("#myModal").modal();
              //ppegar  o id
            //paiClicado=this.id;

            console.log(element);
            paiClicado=$(element).attr("class")
            console.log("outro filhos");
            console.log(paiClicado);
            return;
    }

    function getRandomInt(min, max) {
        min = Math.ceil(min);
        max = Math.floor(max);
        return Math.floor(Math.random() * (max - min)) + min;
    }


      function  trazerIDdoPai_posicao(elemento)
        {

        }

function recursivoMargin(pai,numeroMargin)
{
    //var numeroMargin=22;
    //$("."+vectr).closest("li").next().css({ "margin-top": ""+numeroMargin+"px"});


    pai.next().css({ "margin-top": ""+numeroMargin+"px"});
    console.log("recurso1 pai")
    console.log(pai)
    var del=-1;

            var meu_id=pai.attr("id")
            console.log("meu id "+meu_id);
            del=pai.closest("li").length;
            var paiClicado_closets=pai.parent().parent().parent().parent();
            var paiIgual_id=paiClicado_closets.attr("id");
            console.log("id do closest li acima  "+paiIgual_id);

    console.log(del)

        if(del>0)
        {
            if(meu_id==paiIgual_id)
            {
                return;
            }
            numeroMargin=40+numeroMargin;
            console.log("recurso")
            pai=pai.parent().parent().parent().parent();
            console.log("novo Pai")
            console.log(pai)
            recursivoMargin(pai,numeroMargin);
        }else
            return;
}





  // C   A  M   P   O   S       D  I  N  A  M  I  C  O  S   ----------     c p d
  var inptuAdd_cp=[""];
  $("#inserir_cpdinamicos").click(function (){

        tamanho_entrada=$("#inserir_name_cpdinamicos").val();
        console.log("CAMPOS DINÂMICOS")
        console.log(tamanho_entrada)
    if(tamanho_entrada>=0)
    {
        inptuAdd_cp.splice(0, inptuAdd_cp.length );
        for(var i=1;i<=tamanho_entrada;i++)
        {
             inptuAdd_cp="<p><input class=\"form-control\" name=\"inserir_name_cpdinamicos"+i+"\" id=\"inserir_name_cpdinamicos"+i+"\" type=\"text\"></p>";
            $("#meus_inputs_cpdinamicos").append(inptuAdd_cp);
        }

    }

})




  // C   A  M   P   O   S       D  I  N  A  M  I  C  O  S   ----------     c p d
    $("#close_cpdinamicos").click(
            function(){
                console.log("entrou nos campo Dinamicos ");


            //Variaveis
                var div_conteudoPai="";var id_divconteudo="";var ulconteudo="";var numeroMargin=0;
                var serie, paramentros, subsereies,posicao,profundidade,id_raiz,idrecursivo;
                var vectorrseries=[], profundidade=1;
                var vectorsubseries=[]; var id_subserie;
                var id_rercusivo="";
            // variaveis

                idaleortio=getRandomInt(1, 500);
                idaleortio2=idaleortio+getRandomInt(1, 200);
                //primeira ocorencia=false;
                var varSen=false;
                console.log("cliquei na div="+paiClicado)

                idaleortio=idaleortio+idaleortio2;

            //T R A Z E R     A    U L    Q     V  A   I     R  E  C E  B  E  R     O    C O  N   T  E  U  D  O

                 if(paiClicado!="myBtn")
                 {

                            console.log("Minha antiga Clase btn cp--\n"+paiClicado)
                            //Mapi q foi qlciacdo

                            //nao consigo pegar o teerceiro filho, tive que repartir e pegar apartir apenas um split
                            var vectr=paiClicado.split(" ");
                            vectr=vectr[vectr.length-1];
                            console.log("meu vector repartido"+vectr);

                        div_conteudoPai=$("."+vectr).next().next();

                        //div_conteudoPai=$("."+paiClicado).next().next();
                                console.log(div_conteudoPai);
                                //return;
                                $(div_conteudoPai).append("<ul role=\"group\" id=\"ulPai"+idaleortio+"\" class=\"jstree-children ulconteudo"+idaleortio+"\" style=\"display:block;\" >");
                                //meu id da vic ocnteudo
                                id_divconteudo=$(div_conteudoPai).attr("class");
                                console.log(id_divconteudo);

                                    ulconteudo=$("."+id_divconteudo).find(">:first-child");
                                    console.log("minha verdadeira class cp--");console.log(div_conteudoPai);


                                    //buscar o id recursivo e
                                    //Buscar o id do pai

                                    id_subserie=$("."+id_divconteudo).parent().next().val();
                                    id_rercusivo=$("."+id_divconteudo).parent().next().next().val();
                                    console.log("id_subserie= "+id_subserie+ " id_rercusivo="+id_rercusivo)



                    }else
                    {


                        //origem
                        console.log("minha new class cp--\n" +paiClicado);
                        var varSen=true;

                            div_conteudoPai=$("."+paiClicado).next();

                            console.log(div_conteudoPai);
                            $(div_conteudoPai).append("<ul role=\"group\" id=\"ulFilho"+idaleortio+"\" class=\"jstree-children ulconteudo"+idaleortio+"\" style=\"display:block;\" >");
                            //meu id da vic ocnteudo
                            id_divconteudo=$(div_conteudoPai).attr("class");
                            console.log(id_divconteudo);

                                ulconteudo=$("."+id_divconteudo).find(">:first-child");
                                console.log("Minha antiga Clase btn--");console.log(div_conteudoPai);


                    }




                    console.log("class ul do clicado");
                console.log(ulconteudo)

                meus_inputsDadso.splice(0, meus_inputsDadso.length );
                console.log("nome dos campos introzidos cp");
                for(var i=1;i<=tamanho_entrada;i++)
                {
                    meus_inputsDadso.push($("#inserir_name_cpdinamicos"+i).val());

                    console.log($("#inserir_name_cpdinamicos"+i).val());

                }

                var meu_id_cliente=$("#meu_id_cliente").val();

                if(varSen)
                {

                    console.log("entrou no true cp")
                    return;
                    //S A L  V A R      N A      B  A  S  E       D  E      D  A   D   O  S       c  A M P O S    D I N A M I C O S
                    //cadastar se
                                $.post("{{ route('us.digit.confdigi.paramentro.param.digi.campos.dinam') }}",
                                        { '_token': '{{ csrf_token() }}',
                                        'series':meus_inputsDadso,
                                        'tamanho_entrada':tamanho_entrada,
                                        'id_recursivo':id_rercusivo,
                                        },function (data) {
                                          //  var datas=$.parseJSON(data);

                                            console.log("meu valor vindo da bd cp");
                                           console.log(data)
                                            console.log(data.length);

                                            for(var i=0;i<=data.length-1;i++)
                                            {
                                                console.log("meu vector texte");
                                                console.log(data[i]);

                                            }

                                        //D A  D  O  S       V  I  N  D  O         D  A         B  D

                                        for(var i=1;i<=tamanho_entrada;i++)
                                        {


                                            var linha_new=""; var dados="";
                                            dados=$("#inserir_name_cpdinamicos"+i).val();
                                            //console.log("meu dado q recebi dos input ="+dados)
                                            //o id do <i></i> é  aposicaçoa
                                            linha_new="<li role=\"treeitem\" aria-selected=\"false\" aria-level=\"3\" aria-labelledby=\"j2_9_anchor\" id=\"j2_9"+i+"\" class=\"jstree-node  jstree-leaf\">"+
                                                            "<i class=\"jstree-icon jstree-ocl\" role=\"presentation\"></i>"+
                                                                "<a class=\"jstree-anchor\" href=\"#\" tabindex=\"-1\" id=\"j2_9_anchor\">"+
                                                                    "<i class=\"jstree-icon jstree fa fa-file-code-o\" role=\"presentation\">"+
                                                                        "</i>"+meus_inputsDadso[i-1]+"</a>"+
                                                                        "<input class=\"posicao_cp"+idaleortio+"\" value=\""+id_subserie+"\"  id=\"raiz_cp"+idaleortio+"\" type=\"text\" hidden>"+
                                                                        "<input class=\"id_recursivo_cp"+idaleortio+"\" value=\""+data[i-1]+"\"  id=\"id_recursivo_cp"+idaleortio+"\" type=\"text\" hidden>"+
                                                            "</li>";

                                                        //Adicionar na
                                            console.log(linha_new);
                                            $(ulconteudo).append(linha_new)


                                                    //Id    A l e a t o r i o       para    as   li
                                                    idaleortio=getRandomInt(1, 30);
                                                    //vectorrseries.push(dados);
                                                    numeroMargin=20+numeroMargin;
                                        }


                                            $(div_conteudoPai).append("</ul>");
                                            $("#meus_inputs_cpdinamicos").empty();

                                            //DAR ESPAÇO EM BRANCO
                                        $("."+vectr).closest("li").next().css({ "margin-top": ""+numeroMargin+"px"});

                                        }
                                    ).fail(function(){
                                            console.log("erro ao salvar campo dinamico");
                                    });
                     //E N D       N A    B A  S  E       D   E    D   A   D  O  S


                }


                if(varSen==false)
                {
                    //S A L  V A R      N A      B  D     S  U   B       C P D
                        console.log("entrou no filho cp");

                       // return;
                                $.post("{{ route('us.digit.confdigi.paramentro.param.digi.campos.dinam') }}",
                                        { '_token': '{{ csrf_token() }}',
                                        'subseriedoc':meus_inputsDadso,
                                        'id_recursivo':id_rercusivo,
                                        'serie_id':id_subserie,
                                        'tamanho_entrada':tamanho_entrada,
                                        },function (data) {
                                          //  var datas=$.parseJSON(data);

                                            console.log("meu valor vindo da bd");
                                           console.log(data)
                                            console.log(data.length);

                                            for(var i=0;i<=data.length-1;i++)
                                            {
                                                console.log("meu vector texte CP");
                                                console.log(data[i]);

                                            }



                                        //D A  D  O  S       V  I  N  D  O         D  A         B  D

                                            for(var i=1;i<=tamanho_entrada;i++)
                                            {
                                                var linha_new=""; var dados="";
                                                dados=$("#inserir_name_cpdinamicos"+i).val();
                                                //console.log("meu dado q recebi dos input ="+dados)
                                                //o id do <i></i> é  aposicaçoa
                                                linha_new="<li role=\"treeitem\" aria-selected=\"false\" aria-level=\"3\" aria-labelledby=\"j2_9_anchor\" id=\"j2_9"+i+"\" class=\"jstree-node  jstree-leaf\">"+
                                                                "<i class=\"jstree-icon jstree-ocl\" role=\"presentation\"></i>"+
                                                                    "<a class=\"jstree-anchor\" href=\"#\" tabindex=\"-1\" id=\"j2_9_anchor\">"+
                                                                        "<i class=\"jstree-icon jstree fa fa-file-code-o\" role=\"presentation\">"+
                                                                            "</i>"+meus_inputsDadso[i-1]+"</a>"+
                                                                        "<input class=\"posicao_cp"+idaleortio+"\" value=\""+id_subserie+"\"  id=\"raiz_cp"+idaleortio+"\" type=\"text\" hidden>"+
                                                                        "<input class=\"id_recursivo_cp"+idaleortio+"\" value=\""+data[i-1]+"\"  id=\"id_recursivo_cp"+idaleortio+"\" type=\"text\" hidden>"+
                                                                "</li>";

                                                            //Adicionar na
                                                console.log(linha_new);
                                                $(ulconteudo).append(linha_new)


                                                        //Id    A l e a t o r i o       para    as   li
                                                        idaleortio=getRandomInt(1, 30);
                                                        //vectorrseries.push(dados);
                                                        numeroMargin=20+numeroMargin;
                                            }


                                            $(div_conteudoPai).append("</ul>");
                                        $("#meus_inputs_cpdinamicos").empty();

                                            //DAR ESPAÇO EM BRANCO
                                        $("."+vectr).closest("li").next().css({ "margin-top": ""+numeroMargin+"px"});

                                        }
                                    ).fail(function(){
                                            console.log("erro campo diamico");
                                    });
                     //E N D       N A    B A  S  E       D   E    D   A   D  O  S


                }

            $("#inserir_name_cpdinamicos").val("");
        });





    </script>
@endsection
