@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>
    #conteudoGeral
    {
        margin-right: -80px;
    }

.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: 2px;
        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">

<script>

  $("button.link").click(function(){
  let codigo=$(this).find('.foto').val();
    alert("Códigobaza");
  });

</script>


<button class="link" hidden><input value="foto" class="foto"></button>
<div class="row wrapper border-bottom white-bg page-heading" id="conteudoGeral">
    <div class="col-lg-12">
        <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>Específica</strong>
            </li>
        </ol>
    </div>

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


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

                                        <div class="col-lg-4 ba" id="ba">
                                            <div class="ibox ">
                                                <div class="ibox-content">

                                                    @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>
                                                                                @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="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 id="jstree1">
                                                            <ul>
                                                                <li class="jstree-open">Banco Millennium
                                                                    <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
                                                                                            <ul>
                                                                                                <li data-jstree='"type":"html"}'>Particulares</li>
                                                                                                <li data-jstree='"type":"html"}'>Empresas</li>
                                                                                            </ul>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>
                                                                                <li data-jstree='"type":"css"}'>Diário
                                                                                    <ul>
                                                                                        <li data-jstree='"type":"html"}'>Geral</li>
                                                                                        <li data-jstree='"type":"html"}'>Agencia
                                                                                            <ul>
                                                                                                <li data-jstree='"type":"html"}'>Particulares</li>
                                                                                                <li data-jstree='"type":"html"}'>Empresas</li>
                                                                                            </ul>
                                                                                        </li>
                                                                                    </ul>
                                                                                </li>


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

                                                        </div>

                                                    -----}}



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


                                        <!-----
                                        <div class="col-lg-4 ba" id="ba">
                                            <div class="ibox " id="campos_dinamicos">
                                                <div class="ibox-title text-center">
                                                    <h4 class="text-center"> Campos Dinâmicos</h4>
                                                </div>
                                                <div class="quadrado2">
                                                    <form name="form_campo_dinamico" id="form_campo_dinamico">
                                                        @csrf
                                                            <div class="form-row align-items-center" class="form_campo_dinamico_div" id="form_campo_dinamico_div">


                                                            </div>
                                                                <div class="form-row align-items-center">
                                                                    <div class="col-12 m-12">
                                                                        <button type="submit" class="form-control btn btn-primary"><i class=" fa fa-search"></i> P e s q u i s a r</button>
                                                                    </div>
                                                                </div>


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


                                        <div class="col-lg-3 ba" id="ba">
                                            <div class="ibox ">
                                                <div class="ibox-title text-center">
                                                    <h4 class="text-center"> Previsualizar</h4>
                                                </div>



                                                    <div>
                                                        <script src="//mozilla.github.io/pdf.js/build/pdf.js"></script>

                                                                        <div>
                                                                        <button id="prev">Previous</button>
                                                                        <button id="next">Next</button>
                                                                        &nbsp; &nbsp;
                                                                        <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
                                                                        </div>

                                                                        <canvas id="the-canvas"></canvas>

                                                    </div>

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


                             </div>
                     </div>

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


                                    <div class="ibox-title text-center">

                                    </div>
                                    <div class="table-responsive">
                                                                        <nav class="col-lg-12 table-responsive" id="nova_tabela_exibir">
                                                                            <br> <br>
                                                                            <table class="table table-striped table-bordered table-hover dataTables-example" >
                                                                                <thead id="cabeca_tabela">
                                                                                <tr>
                                                                                    <th>Sem colunas (serie/sub-serie documental) selecionada</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>

                                                                                    <tr>
                                                                                        <td>sem dados</td>
                                                                                    </tr>


                                                                                </tbody>
                                                                                <tfoot>
                                                                                <tr>

                                                                                </tr>
                                                                                </tfoot>
                                                                        </table>
                                                                        </nav>
                                                            </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>

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