@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
{{-- SELECT STYLE --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
 

@php 
 header('Content-Type: text/html; charset=utf-8');

     $i=0;
    $a=0;
    $camposMapa = \App\Models\CampoMapa::where('origem','Geral')->orderBy('prioridade','Asc')->get();
    
    $cliente=\App\Models\Cliente::where('id',$dados->cliente_id)->first();
    $Departamento= \App\Models\DepCliente::where('id',$dados->departamento_id)->first();
    $OE=\App\Models\OrgaosDeEstrutura::where('id',$Departamento->orgaosdeestrutura_id)->first();
    $SDs=\App\Models\ParametroDocumental::where('cliente_id',$dados->cliente_id)->get();
    $linhasIndexs=\App\Models\LinhaIndexacao::where('usuario_id',Auth::id())
                                            ->where('cliente_id',$dados->cliente_id)
                                            ->where('numerocaixa',$dados->numerodacaixa)
                                            ->select('codigo')->distinct('codigo')->get();
        
            // try {

            // $caixa_id_form =Crypt::encryptString($dados->id);
            
            // } catch (DecryptException $e) {
            //     $caixa_id_form=0;
            // }  


@endphp




    <div class="container-fluid">
        <div class="page-header">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="ik ik-box bg-blue"></i>
                        <div class="d-inline">
                            <h5>Caixas</h5>
                            <span>Hístórico geral da caixa</span>
                        </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-home"></i></a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Histórico</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">caixas</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header bg-primary"><h3 class="d-block w-100" style="color:white">Número da caixa:{{ $dados->numerodacaixa }}<small class="float-right" style="color:white">Data reservada: {{ $dados->created_at }}</small></h3></div>
            <div class="card-body">
                <div class="row invoice-info">

                    <div class="col-sm-4 invoice-col">
                        <b>Departamento:</b> {{ $dados->departamento }}<br>
                        <b>Estado Actual:</b> {{ $dados->estado }}<br>
                        <b>Índices</b>
                        <br><br>
                    </div>
                    <!---
                    <div class="col-sm-4 invoice-col">
                    <h5>Departamento</h5>
                        <address>
                            <strong>{{ $dados->departamento}}</strong><br>
                    </div>
                    <div class="col-sm-4 invoice-col">
                        <h5>Estado da caixa</h5>
                        <address>
                            <strong>{{ $dados->estado}}</strong><br>
                        </address>
                    </div>--->

                </div>

                <div class="row">
                    <div class="col-12 table-responsive">
                        <h5 class="text-center"> Linhas de Indexação</h5>
                        <table id="example1" class="table container  table-striped table-hover">
                            <thead class="bg-primary" >
                                <tr >

                                    @if(isset($camposMapa))
                                            @forelse($camposMapa as $cMapa)



                                            @if($cMapa->descricao=="Código da recolha")

                                            @elseif($cMapa->descricao=="C. Q.")

                                            @elseif($cMapa->nome=="funcionario_id")

                                            @else
                                            <th style="color:white">{{$cMapa->nome}}</th>
                                                    @php
                                                    $i++;
                                                @endphp
                                            @endif
                                            @empty
                                            <tr></tr>
                                        @endforelse
                                @else
                                <tr></tr>
                                @endif

                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($linhasIndexs))
                                        @forelse($linhasIndexs as $linhasIndex)

                                        <tr>

                                            @php
                                                $a=$i;
                                            @endphp

                                            @foreach($camposMapa as $cMapa)


                                            @php
                                                    $linhaIndex=\App\Models\LinhaIndexacao::where('usuario_id',Auth::id())->where('campomapa_id',$cMapa->id)->where('estadoindexacao','emprocesso')->where('codigo',$linhasIndex->codigo)->where('cliente_id',$empresa_cliente_id)->first();
                                            @endphp
                                                @if($linhaIndex)
                                                    @if($cMapa->nome=='orgaoestrutura_id')
                                                    @php
                                                            $OE1=\App\Models\OrgaosDeEstrutura::where('id',$linhaIndex->conteudo)->first();
                                                                        $a=$a-1;

                                                    @endphp
                                                        <th>{{$OE1->orgao}}</th>
                                                    @elseif($cMapa->nome=='departamento_id')
                                                    @php
                                                            $Dep= \App\Models\DepCliente::where('id',$linhaIndex->conteudo)->first();
                                                                        $a=$a-1;
                                                    @endphp
                                                        <th>{{$Dep->departamento}}</th>
                                                    @elseif($cMapa->nome=='seriedocumental_id')
                                                    @php
                                                            $SD1=\App\Models\ParametroDocumental::where('id',$linhaIndex->conteudo)->first();
                                                                            $a=$a-1;
                                                    @endphp
                                                        <th>{{$SD1->seriedoc}}</th>
                                                    @else
                                                                        @php
                                                                            $a=$a-1;
                                                                        @endphp
                                                        <th>{{$linhaIndex->conteudo}}</th>
                                                    @endif
                                                @endif




                                            @endforeach



                                            @if($a>=1)

                                                @for($z=$a;$z>=1;$z--)
                                                    <th></th>
                                                @endfor
                                            @endif



                                                    @php
                                                        //dd($a);
                                                        $a=0;

                                                    @endphp
                                        </tr>
                                    
                                    
                                        @empty
                                            <tr></tr>
                                        @endforelse
                                @else
                                <tr></tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="row">
                    <!---
                    <div class="col-6">
                        <p class="lead">Payment Methods:</p>
                        <img src="../img/credit/visa.png" alt="Visa">
                        <img src="../img/credit/mastercard.png" alt="Mastercard">
                        <img src="../img/credit/american-express.png" alt="American Express">
                        <img src="../img/credit/paypal2.png" alt="Paypal">

                        <div class="alert alert-secondary mt-20">
                          Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra.
                        </div>
                    </div>
                    ----->



                    <div class="modal fade" id="demoModal_c" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-primary">
                                    <h5 class="modal-title" id="demoModalLabel">Solicitar Digitalizaçã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">

                                    <form name="cadsolicitacao"  method="post" enctype="multipart/form-data">
                                        @csrf
                                            {{-- <div class="card-header">
                                                <h3>Input Group</h3>
                                            </div> --}}
                                        <div class="card-body">
                                            <div class="mb-20">

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Urgencia</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">

                                                                                <div class="form-group">
                                                                                    <select class="form-control select2" name="urgencia">
                                                                                        <option value="não urgente">Normal</option>
                                                                                        <option value="necessario">Necessario</option>
                                                                                        <option value="urgente">urgente</option>>
                                                                                    </select>
                                                                                </div>

                                                            </div>

                                                        </div>
                                                    </div>
                                                    <input type="text" name="tipo_solcitacao" value="Doc_digital" class="d-none" hidden>
                                                    <input type="text" name="id_box" value="{{$caixa_id_form}}" class="d-none" hidden>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Comprovativo digital</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">
                                                                    <input type="file" name="comprovativo" class="form-control" />
                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Descrição</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">
                                                                {{-- <span class="input-group-prepend" id="basic-addon2">
                                                                    <label class="input-group-text"></label>
                                                                </span> --}}
                                                                <textarea  class="form-control" placeholder="detalhes adicionais sobre a solicitação" name="nota"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-4 col-lg-2 col-form-label">senha</label>
                                                <div class="col-sm-6">
                                                    <div class="input-group input-group-danger">
                                                        <span class="input-group-prepend"><label class="input-group-text"><i class="ik ik-lock"></i></label></span>
                                                        <input type="password" class="form-control" name="senha">
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="row">
                                                {{-- <label class="col-sm-4 col-lg-2 col-form-label"></label> --}}
                                                <div class="col-sm-6">
                                                    <br><p></p>
                                                    <button type="submit" class="btn btn-outline-primary w-50">Solicitar Digitalização</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>



                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="modal fade" id="demoModal_a" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-danger">
                                    <h5 class="modal-title" id="demoModalLabel">Solicitar Destruiçã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">

                                    <form name="cadsolicitacao"  method="post" enctype="multipart/form-data">
                                        @csrf
                                            {{-- <div class="card-header">
                                                <h3>Input Group</h3>
                                            </div> --}}
                                        <div class="card-body">
                                            <div class="mb-20">


                                                <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Tipo Solicitação</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">

                                                                        <div class="form-group">
                                                                            <select class="form-control select2" name="naturezasolicitacao">
                                                                                <option value="virtual">digital</option>
                                                                                <option value="fisica">fisica</option>
                                                                            </select>
                                                                        </div>

                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Urgencia</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">

                                                                                <div class="form-group">
                                                                                    <select class="form-control select2" name="urgencia">
                                                                                        <option value="não urgente">Normal</option>
                                                                                        <option value="necessario">Necessario</option>
                                                                                        <option value="urgente">urgente</option>>
                                                                                    </select>
                                                                                </div>

                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Comprovativo digital</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">
                                                                    <input type="file" name="comprovativo" class="form-control" />
                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Descrição</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">
                                                                {{-- <span class="input-group-prepend" id="basic-addon2">
                                                                    <label class="input-group-text"></label>
                                                                </span> --}}
                                                                <textarea  class="form-control" placeholder="detalhes adicionais sobre a solicitação" name="nota"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-4 col-lg-2 col-form-label">senha</label>
                                                <div class="col-sm-6">
                                                    <div class="input-group input-group-danger">
                                                        <span class="input-group-prepend"><label class="input-group-text"><i class="ik ik-lock"></i></label></span>
                                                        <input type="password" class="form-control" name="senha">
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="row">
                                                {{-- <label class="col-sm-4 col-lg-2 col-form-label"></label> --}}
                                                <div class="col-sm-6">
                                                    <br><p></p>
                                                    <button type="submit" class="btn btn-outline-danger w-50">Solicitar destruição</button>
                                                </div>
                                                <input type="text" name="tipo_solcitacao" value="Doc_destruidos" class="d-none" hidden>
                                                <input type="text" name="id_box" value="{{$caixa_id_form}}" class="d-none" hidden>
                                            </div>
                                        </div>
                                    </form>


                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="modal fade" id="demoModal_b" tabindex="-1" role="dialog" aria-labelledby="demoModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header bg-success">
                                    <h5 class="modal-title" id="demoModalLabel">Solicitar Documentação Física</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                </div>
                                <div class="modal-body">



                                    <form name="cadsolicitacao"  method="post" enctype="multipart/form-data">
                                        @csrf
                                            {{-- <div class="card-header">
                                                <h3>Input Group</h3>
                                            </div> --}}
                                        <div class="card-body">
                                            <div class="mb-20">




                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Urgencia</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">

                                                                                <div class="form-group">
                                                                                    <select class="form-control select2" name="urgencia">
                                                                                        <option value="não urgente">Normal</option>
                                                                                        <option value="necessario">Necessario</option>
                                                                                        <option value="urgente">urgente</option>>
                                                                                    </select>
                                                                                </div>

                                                            </div>

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <label class="col-sm-4 col-lg-2 col-form-label">Descrição</label>
                                                        <div class="col-sm-8 col-lg-10">
                                                            <div class="input-group">
                                                                {{-- <span class="input-group-prepend" id="basic-addon2">
                                                                    <label class="input-group-text"></label>
                                                                </span> --}}
                                                                <textarea  class="form-control" placeholder="detalhes adicionais sobre a solicitação" name="nota"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                            <div class="row">
                                                <label class="col-sm-4 col-lg-2 col-form-label">senha</label>
                                                <div class="col-sm-6">
                                                    <div class="input-group input-group-danger">
                                                        <span class="input-group-prepend"><label class="input-group-text"><i class="ik ik-lock"></i></label></span>
                                                        <input type="password" class="form-control" name="senha">
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="row">
                                                {{-- <label class="col-sm-4 col-lg-2 col-form-label"></label> --}}
                                                <div class="col-sm-6">
                                                    <br><p></p>
                                                    <button type="submit" class="btn btn-outline-success w-50">Solicitar Documentação</button>
                                                </div>
                                            </div>
                                        </div>
                                        <input type="text" name="tipo_solcitacao" value="Doc_fisico" class="d-none" hidden>
                                        <input type="text" name="id_box" value="{{$caixa_id_form}}" class="d-none" hidden>
                                    </form>


                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                    <button type="button" class="btn btn-primary">solicitar</button>
                                </div>
                            </div>
                        </div>
                    </div>




                    <div class="col-6">
                        <br>
                        <p class="lead">Total de Documentos</p>
                        <div class="table-responsive">
                            <table class="table">
                                <tr>
                                    <th style="width:50%">Índices</th>
                                    <td>250</td>
                                </tr>

                            </table>
                        </div>
                    </div>
                </div>
                <div class="row no-print">
                    <div class="col-12">
                        <button type="button" class="btn btn-danger pull-right"  data-toggle="modal" data-target="#demoModal_a"><i class="fa fa-trash"></i>Solicitar Destruição</button>
                        <button type="button" class="btn btn-success pull-right" data-toggle="modal" data-target="#demoModal_b" style="margin-right: 5px;"><i class="fa fa-truck"></i>Solicitar Documentação</button>
                        <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#demoModal_c" style="margin-right: 5px;"><i class="fa fa-box"></i>Solicitar Digitalização da Caixa</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.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>

    $(function () {
        $("#example1").DataTable();
        $('#example2').DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": false,
        });
    });
    </script>

    <script>
            $(function () {
                $("#tabela").DataTable();
                $('#example2').DataTable({
                    "paging": true,
                    "lengthChange": false,
                    "searching": false,
                    "ordering": true,
                    "info": true,
                    "autoWidth": true,
                });
            });

  </script>


<script type="text/javascript">
    $(function () {
        $('form[name="cadsolicitacao"]').submit(function (data) {
            data.preventDefault();


            $.ajax({
                url: "{{route('us.admin.cliente.GestSolicitacao.personalizado.new.sol.box')}}",
                type: "post",
                data: $(this).serialize(),
                dataType: 'json',
                success: function (msgs) {

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

                            });

                            Toast.fire({
                            icon: 'success',
                            title: ''+msgs.message,
                                });
                            location.reload();

                    } else {
                        Swal.fire({ position: 'top-end',
                                    icon: 'error',
                                    text: ''+msgs.message,
                                    })
                                    $("#meujoinbtn").show();
                        //$('.messagebox').removeClass('d-none').html(msgs.message);
                        //alert(msgs.message);
                    }
                    console.log(msgs);

                }

            });

        });
    });

    </script>

@endsection