@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>
   .text-center {
    font-size: 10pt;
    }

    #conteudoGeral
    {
        width: 100%;
    }

.panel-body {
    max-width: 100%;
    width: inherit;
}
#ba {
    height: 300px;
    overflow: auto;
}
.quadrado{
    max-width: 100%;
    width: 260px;
    border: .1px dashed red;
    height: 200px;
    margin-left: 0px;
}
.container {
    width: 1840px;
}
.col-lg-4 {
    padding: 5px 20px;

    color: #0b0b0b;
    }
    .ba{
        margin: 6px;
        border: 1px solid;
        border-radius: 15px 15px;
        }



        #the-canvas {
        border: 1px solid black;
        direction: ltr;
        }
</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">
    <div class="col-lg-12">
        <br>
        <!----<h2>Definir Acessos Cliente</h2>----->
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('us.digit.confdigi.index') }}">home</a>
            </li>
            <li class="breadcrumb-item">
                <a>serie documental</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Definir Acessos</strong>
            </li>
        </ol>
    </div>
</div>
        <div class="row wrapper border-bottom white-bg page-heading">

            <div class="ibox-content m-b-sm border-bottom meuformpreparacao white-success" >
                <div class="row">

                    @php
                    $clientes_dados=\App\Models\FuncionarioCliente::join('clientes','clientes.id','funcionarioclientes.cliente_id')
                                                            ->join('users','users.id','funcionarioclientes.user_id')
                                                            ->join('pessoas','pessoas.id','users.pessoa_id')
                                                            ->where('funcionarioclientes.id',$funcionario_cliente)
                                                            ->select('funcionarioclientes.*','pessoas.nome')->first();

                    //dd($clientes);
                    @endphp
                    <input value="{{$clientes_dados->nome}}" hidden id="cliente_data_name">

                    <div class="col-sm-12">
                        <div class="row">
                                        <div class="col-lg-6 panel panel-primary" id="ba">
                                                <div class="panel-heading">
                                                    Selecione as Séries Documentais
                                                </div>
                                                <div class="panel-body">

                                                    @if( isset($dados) )
                                                    <div id="jstree1">
                                                        <ul>
                                                            @php $meu_banco=\App\Models\Cliente::find($id_cliente)->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 name="XZParam__{{$dado->seriedoc}}">
                                                                                @php $meusub_parametro=\App\Models\SubParametroDocumental::where('parametrodocumental_id',$dado->id)
                                                                                                                                        ->where('id_recursivo',null)->get();
                                                                                                            $idPai=$dado->id;
                                                                                                                    @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="abrirserie(this)">{{$dado2->subseriedoc}}</span>
                                                                                    <input value="{{$dado2->id}}" name="XZSub_{{$dado2->subseriedoc}}" 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="col-lg-6 panel panel-danger" id="ba">
                                            <div class="panel-heading">
                                               Acesso Selecionado
                                            </div>
                                            <div class="panel-body">


                                                <div class="col-sm-12">
                                                    <div class="row">
                                                              <div class="table-responsive">
                                                                  <div class="ibox ">

                                                                      <div class="ibox-content">

                                                                          <table class="table table-striped">
                                                                              <thead>
                                                                              <tr>
                                                                                  <th>Funcionários</th>
                                                                                  <th>Acessos</th>
                                                                                  <th>Acção</th>
                                                                              </tr>
                                                                              </thead>
                                                                              <tbody class="tbody">
                                                                            <form name="cadform" id="cadform">
                                                                              @csrf

                                                                              <form>
                                                                              </tbody>
                                                                          </table>
                                                                      </div>
                                                                  </div>

                                                              </div>



                                                      </div>
                                              </div>


                                            </div>
                                        </div>


                             </div>
                     </div>





                    <div class="row">
                        <div class="table-responsive">
                            <div class="ibox" style="margin:10px 40px">
                                <div class="ibox-content">
                                    <div class="col-sm-12 m-6 panel panel-warning" style="width:1000px">
                                        <div class="panel-heading">
                                            <h2 class="text-center">Confirmar Acesso<h2>

                                        </div>
                                        <div class="panel-body">
                                            <div class="form-control">
                                                <label>Senha/Password</label>
                                                <input type="password" class="form-control" name="pass" id="pass">
                                                <button type="sumbit" class="btn btn-success">Salvar Definições</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

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


<br><br>



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

 <!-- Page-Level Scripts -->


 <script src="{{asset('js/digitalizacao_plugins/js/plugins/jsTree/jstree.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>
<style>
    .jstree-open > .jstree-anchor > .fa-folder:before {
        content: "\f07c";
    }

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

<script>

    var vector_guarda_camposDinamicos=[];
    var Geral_id_subCLasse=0;
    const nome_cliente=$("#cliente_data_name").val();

    $(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 abrirserie(minhatag_serie)
       {
          // $("#form_campo_dinamico_div").empty();
           console.log("clicaste numa serie documental")
           console.log(minhatag_serie);
           var imao_input=$(minhatag_serie).attr("class")
           console.log(imao_input);
            imao_input=$("."+imao_input).next();
           console.log(imao_input);


           var al=Math.random().toString(16).substring(2, 15);
           var al2=Math.floor(Math.random() * 1200)
           //Pegar id do input
           var id_name=$(imao_input).attr("id");
           console.log(id_name);

           var Idchave="td"+al+""+al2;
           console.log(Idchave);
            //Adiconar  Na Tabela
            $(".tbody").append("<tr id=\"tdPai"+Idchave+"\"><td>"+nome_cliente+"</td><td>Pasta "+id_name+"</td>"+
                                "<td id=\""+id_name+"\"><button class=\"btn btn-danger\" id=\""+Idchave+"\" onclick=\"eliminarLinha("+Idchave+")\">Eliminar</button></td></tr>")
            $("#cadform").append(imao_input);

       }




    $(function () {
        $('form[name="cadform"]').submit(function (data) {
            data.preventDefault();
            var senha=$("#pass").val();
            var meuser_id={{$clientes_dados->user_id}}
                $.post("{{ route('us.digit.confdigi.acesso.save.acesso.cli1') }}",
                    { '_token': '{{ csrf_token() }}',
                        'pass':senha,
                        'meuser_id':meuser_id,
                        'dataform':$(this).serialize(),
                    },function (msgs) {
                        console.log("entrou o metodoSenha");
                        console.log(msgs.message);
                            if(msgs==1)
                            {

                                    const Toast = Swal.mixin({
                                        toast: true,
                                        position: 'top-end',
                                        showConfirmButton: false,
                                        timer: 2200,
                                        timerProgressBar: true,

                                        });

                                        Toast.fire({
                                        icon: 'success',
                                        title: 'Operação Realizada com Sucesso',
                                            });

                                window.location.href="{{ route('us.digit.confdigi.acesso.cliente.acessos.index') }}";
                                    return;

                            }else if(msgs==-1)
                            {
                                Swal.fire({ position: 'top-end',
                                    icon: 'warning',
                                    text: 'Impossivel efectuar esta operação',
                                    })
                                    window.location.href="{{ route('us.digit.confdigi.acesso.cliente.acessos.index') }}";
                                    return;
                            }

                                Swal.fire({ position: 'top-end',
                                    icon: 'error',
                                    text: 'Senha Inválida, não tens permissão para efectuar esta operação',
                                    })

                                    return

                        }
                    ).fail(function(){
                        console.log("erro ao buscar series");
                    });

            });

    });

    function eliminarLinha(funcao)
    {
        var al1=$(this)
        console.log(funcao);
        var tr = funcao.closest("tr")
        var trade = tr.id;
        console.log(trade)
        $("#"+trade).fadeOut("normal", function() {
                    $(this).empty();
                });

    }



</script>


@endsection