@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
{{-- SELECT STYLE --}}

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.12/themes/default-dark/style.min.css" integrity="sha512-G2U+dh7e2qpH9e1PZdGb7Hp+/uoiPbbEt3dGdU3G+eX+j3ZdnTSRL7s6jgXu94SeQBV1lOUr50kGQ99j2Vj3CA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">

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

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

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


@php $i=1; @endphp

<style>

    .barra_slide{
        width: 100%;
        font-size:'arial';
    }

    hr{
        margin-top: 0rem;
    }

</style>



<script>
    var para=null;
    const dados_on=new Array();
    var numero_colum=0;
    var numero_linhas=0;
    const linha_base=new Array();
    function file_send_metadados()
    {

        $(".processo2").animate({


            },200,
            function()
            {


                  $("#staticBackdrop2").modal('show');
                  relogio();
                //   $('.modal').modal({backdrop:'static', keyboard:false});

                        var form = document.forms.namedItem("myform");
                        var oData = new FormData(form);

                        const linha_base2=new Array(linha_base);
                        const dados_on2=new Array(dados_on);

                        console.log("--Good colunas "+numero_colum)
                        console.log("good linhas "+numero_linhas)
                        console.log("--\n Good linha Base "+linha_base)
                        console.log(linha_base2)
                        console.log(dados_on);

                        oData.append('num_colunas',numero_colum);
                        oData.append('num_linhas',numero_linhas);
                        oData.append('linha_base',linha_base2);
                        oData.append('dados2',new Array(dados_on));
                        //console.log(dados_on)

                        var oReq = new XMLHttpRequest();
                                    oReq.open("POST", "{{ route('us.digit.confdigi.excelcarr.carregar.Metadados') }}", true);
                                    oReq.respondeType='json';
                                    oReq.onload = function (e) {
                                        if (oReq.readyState === 4) {
                                            if (oReq.status === 200) {
                                                para="para";
                                                msgs=oReq.responseText;

                                                    // console.log(msgs);
                                                    const vector=$.parseJSON(msgs);

                                                let verificador=vector[0].verificador;

                                                    if(verificador==="0")
                                                    {


                                                        //relogio("para");
                                                        $(".my_img_img").hide();
                                                        document.getElementById('spanRelogio2').innerHTML = min + ":" + seg;
                                                        $(".spanRelogio_h1").hide();
                                                        $(".spanRelogio_h2").removeClass('d-none');
                                                        $(".processo2").text('Pdfs (Imagens) carregados com sucesso.')
                                                        // $("#staticBackdrop2").modal('hide');
                                                        let qnt_files_save=vector[0].qnt_files_save;
                                                        console.log("qunt de files subidos "+qnt_files_save);
                                                        $("p#qunt_save_files").text("Quantidade de Documentos Carregados"+qnt_files_save);
                                                        $("p#qunt_save_files").removeClass('d-none');
                                                        //$(".my_img").append("<i class=\"fas fa-check-circle fa-10x\"></i>")
                                                        $(".my_img_img2").removeClass('d-none')

                                                        let msg_my=vector[0].msg_my;

                                                        $(".meu_footer_modal").removeClass('d-none')


                                                    }else
                                                    {
                                                        //relogio("para");
                                                        $("#staticBackdrop2").hide();
                                                        $("#staticBackdrop2").modal('hide');
                                                        document.getElementById('spanRelogio').innerHTML = min + ":" + seg;
                                                       // $("#staticBackdrop2").modal('hide');
                                                       let msg_my=vector[0].msg_my;
                                                        Swal.fire({
                                                                    icon: 'error',
                                                                    title: 'Alerta',
                                                                    showClass: {
                                                                        popup: 'animate__animated animate__fadeInDown'
                                                                    },
                                                                    hideClass: {
                                                                        popup: 'animate__animated animate__fadeOutUp'
                                                                    },
                                                                    text: ''+msg_my,
                                                                    })

                                                                    return;


                                                    }

                                                    alert(vector[0].numero_linhas);
                                                    alert(vector[0].numero_coluna);
                                                    //  alert(vector[0].metadados_nao_copiado)
                                                    // alert(vector[0].pdf_nao_copiados)
                                                    alert(vector[0].pdf_salavados)

                                            } else {
                                            console.error(oReq.statusText);
                                            }
                                        }
                                    };
                                        oReq.onerror = function (e) {
                                        //console.error(oReq.statusText);
                                        console.error("erro ao fazer leitura");
                                        };
                                        oReq.send(oData,dados_on);

            } )

    }


</script>




    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                           <div class="card-body">
                            <a  href="{{route('us.admin.cliente.Gestfuncionario.funcionario.create')}}"><i class="ik ik-cloud bg-blue"></i><h4>Carregamento de Dados</h4></a>
                        </div>
                        <div class="d-inline">


                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="../index.html"><i class="ik ik-cloud"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Carregamento</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">normal</li>
                        </ol>
                    </nav>
                </div>
            </div>


        </div>


        <div class="row">
            <div class="col-md-12 flex">
                <div class="card">
                    <!---<div class="card-header"></div>--->
                    <div class="card-body">


                     <form name="" >
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row mb-4">
                                    <div class="col-md-12 mb-4 pl-0 pr-0">
                                        <div class="owl-container">
                                            <div class="owl-carousel single">
                                                <div class="card d-flex" style="height: 300px">

                                                        <h6>Selecione as Séries/subséries Documentais</h6>
                                                    <hr>
                                                    <div id="body_conteudo_serie">

                                                        @if( isset($dados) )
                                                        <div id="jstree1">
                                                            <ul>
                                                                @php $meu_banco=\App\Models\Cliente::find($id_empresa_my)->getUser->getPessoa; @endphp
                                                                <li class="jstree-open">{{$meu_banco->nome}}
                                                                    <ul>
                                                                                @forelse ($dados as $dado)
                                                                                @php
                                                                                    $dois=(rand(0,1000)+rand(10,100)-1);
                                                                                @endphp


                                                                                <li data-jstree='"type":"css"}'><span class="aiconserie{{$dois}}" onclick="abrirserie(this)">{{$dado->seriedoc}}</span>
                                                                                    <input value="{{$dado->id}}" id="{{$dado->seriedoc}}" hidden>
                                                                                    @php $meusub_parametro=\App\Models\SubParametroDocumental::where('parametrodocumental_id',$dado->id)
                                                                                                                                            ->where('id_recursivo',null)->get();
                                                                                                                $idPai=$dado->id;
                                                                                                                //dd($meusub_parametro);
                                                                                                                        @endphp

                                                                                    @if($meusub_parametro)
                                                                                    @forelse ($meusub_parametro as $dado2)
                                                                                    <ul>
                                                                                        @php $dois2=(rand(0,1000)+rand(200,800)-6-$dois); @endphp

                                                                                        <li data-jstree='"type":"html"}'><span class="aiconsub{{$dois2}}" onclick="abrircamposdina(this)">{{$dado2->subseriedoc}}</span>
                                                                                        <input value="{{$dado2->id}}" hidden id="{{$dado2->subseriedoc}}">
                                                                                                        @php


                                                                                                        $minha_class=new \App\Http\Controllers\PesquiDigitalController();

                                                                                                        $minha_classe_as=$minha_class->recursivo($dado2->id,$idPai);
                                                                                                        @endphp


                                                                                        </li>
                                                                                    </ul>
                                                                                    @empty

                                                                                    @endforelse
                                                                                    @endif


                                                                                </li>
                                                                                @empty
                                                                                <li data-jstree='"type":"css"}'>Sem Série Cadastradas</li>
                                                                                @endforelse


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

                                                        </div>
                                                        @endif

                                                    </div>
                                                </div>

                                                <div class="card d-flex">
                                                    <h6>Selecione Metadados / Pdf's (Imagens)</h6>
                                                    <hr>

                                                        <div class="row div_metadados">
                                                            <div class="col-auto md-10">
                                                                <h5 style="font-size:1.6rem">Carregamento dos Metadados<span class="text-muted" style="size:0.3rem;"><small> (.csv.xmls)</small></span></h5>
                                                                <div class="input-group mb-12">
                                                                  <div class="input-group-prepend">
                                                                    <div class="input-group-text"><i class="fa fa-file-excel-o"></i></div>
                                                                  </div>
                                                                  <input type="file" name="meu_ficheiro_metaddos" class="form-control" id="meu_ficheiro_metaddos"accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" >
                                                                  <input type="text" value="" name="meu_id_cliente" id="meu_id_cliente" class="form-control"  hidden required>
                                                                  <input type="text" name="minha_serie_subserie_clicada" id="minha_serie_subserie_clicada" class="form-control"  hidden required>
                                                                  <input value="" type="text" name="cliente_pasta" id="cliente_pasta" class="form-control"  hidden required>

                                                                  <!----
                                                                  <button type="button" class="btn btn-outline-secondary" style="margin-left:20px;" onclick="file_send_metadados()" id="btn_file_send_metadados">Carregar Metadados</button>
                                                                  ------>

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

                                                        <div class="row" id="div_carr_pdfs" style="margin-top:30px;">



                                                            <div class="col-auto md-10">
                                                                <h5 style="color:blue;font-size:1.6rem;">Carregamento das Imagens<span class="text-muted" style="size:0.3rem;"><small> (.pdf)</small></span></h5>
                                                                <div class="input-group mb-12">
                                                                  <div class="input-group-prepend">
                                                                    <div class="input-group-text"><i class="fa fa-file-pdf-o"></i></div>
                                                                  </div>
                                                                  <input type="file" name="meus_ficheiros_imagens[]" id="meus_ficheiros_imagens" class="form-control" id="inlineFormInputGroup" placeholder="carregar as imagens"  multiple>
                                                                  <!-----
                                                                  <button type="button" class="btn btn-primary" style="margin-left:20px;" id="btn_file_send_img" >Carregar Imagens</button>
                                                                  ----->
                                                                </div>
                                                              </div>
                                                        </div>

                                                        <button id="carrega_dadosGEral" type="button" class="btn btn-outline-secondary w-50" style="margin-left:20px;margin-top:20px;" onclick="file_send_metadados()" id="btn_file_send_metadados">Carregar Ficheiros</button>

                                                </div>

                                                <!---
                                                <div class="card d-flex flex-row">
                                                    <a class="d-flex" href="#">
                                                        <img alt="Thumbnail" src="../../img/portfolio-9.jpg" class="list-thumbnail responsive border-0">
                                                    </a>
                                                    <div class="pl-2 d-flex flex-grow-1 min-width-zero">
                                                        <div class="card-body align-self-center d-flex flex-column flex-lg-row justify-content-between min-width-zero">
                                                            <a href="#">
                                                                <p class="list-item-heading mb-1 truncate">Eff that place, you might as well stay here with us instead</p>
                                                            </a>
                                                            <p class="mb-1 text-muted text-small">Projects</p>
                                                            <p class="mb-1 text-muted text-small">09.04.2018</p>
                                                            <div>
                                                                <span class="badge badge-pill badge-primary">New</span>
                                                                <span class="badge badge-pill badge-secondary">On Hold</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>--->
                                            </div>
                                            <div class="slider-nav text-center">
                                                <a href="#" class="left-arrow owl-prev">
                                                    <i class="ik ik-chevron-left"></i>
                                                </a>
                                                <div class="slider-dot-container"></div>
                                                <a href="#" class="right-arrow owl-next">
                                                    <i class="ik ik-chevron-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </form>


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

        </div>



</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Jasny -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="{{asset('js/digitalizacao_plugins/js/plugins/jasny/jasny-bootstrap.min.js')}}"></script>

<script src="{{asset('js/digitalizacao_plugins/js/plugins/codemirror/codemirror.js')}}"></script>
<script src="{{asset('js/digitalizacao_plugins/js/plugins/codemirror/mode/xml/xml.js')}}"></script>

<script src="{{asset('js/digitalizacao_plugins/js/plugins/pace/pace.min.js')}}"></script>
<script src="//cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="{{asset('js/digitalizacao_plugins/js/plugins/jasny/jasny-bootstrap.min.js')}}"></script>

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


<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'
                }

            }
        });



    });
</script>

<script>
      function abrircamposdina(minhatag)
       {
         var campo_show,campo_next;

           console.log("clicaste numa classe documental")
           console.log(minhatag);
            campo_show=$(minhatag).attr("class");
            console.log(campo_show);
            campo_next=$("."+campo_show).next().val();
            $("#minha_serie_subserie_clicada").val(campo_next);
            console.log( $("#minha_serie_subserie_clicada").val() );
            //alert($("#minha_serie_subserie_clicada").val());
           //campo_show=$()minhatag.next().val();

           $("#passar_cp").val("");
                    /***
                        $.post("{{ route('us.digit.confdigi.paramentro.buscar.classe') }}",
                                        { '_token': '{{ csrf_token() }}',
                                        'subserie_id':campo_next,
                                        },function (data) {
                                            $("#form_campo_dinamico_div").empty();
                                            console.log("entrou o metodo");
                                            if(data==-1)
                                            {

                                                $("#form_campo_dinamico_div").empty();
                                                $("#form_campo_dinamico_div").append("<h1>Sem Campos Dinâmicos Cadastrados</h1>");
                                                return;
                                            }
                                            console.log(data)
                                            console.log(data.length);

                                            $("#passar_cp").val("pode_passar");

                                            for(var i=0;i<=data.length-1;i++)
                                            {
                                                $("#form_campo_dinamico_div").append("<div class=\"col-lg-6\">"+
                                                                                        "<div class=\"form-group\">"+
                                                                                            "<label>"+data[i]+"</label>"+
                                                                                            "<input id=\"name"+i+"\" name=\""+data[i]+"\" placehoder=\""+data[i]+"\" type=\"text\" class=\"form-control required\">"+
                                                                                        "</div>"+
                                                                                    "</div>");

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


       }

     var min, seg;		min = 0;		seg = 0;
     function relogio(){

            seg++;
            if((seg > 59)){
                    seg = 0;
                    min = min + 1

                if(min>=26)
                    return;
            }

            if(seg.toString().length == 1){
                seg = "0" + seg;
            }
            if(min>=0){
                document.getElementById('spanRelogio').innerHTML ="0"+min + ":" + seg;
                setTimeout('relogio()', 1000);
                return;
            }
                document.getElementById('spanRelogio').innerHTML = min + ":" + seg;
                setTimeout('relogio()', 1000);


        }

$(".finalizar_button").click(function(){

    location.reload();

})
</script>

@endsection