@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<style type="text/css">
    .flex
        {
         min-width: 100%;
        }
</style>
<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
    $cor="";
@endphp
    <div class="container-fluid">
            <div class="page-header" width="100%">
                <div class="row align-items-end">
                    <div class="col-lg-8">
                        <div class="page-header-title">

                           
                                @if($tiposSolcitacao==="Doc_destruição")
                                            <i class="ik ik-trash bg-danger"></i>
                                            <div class="d-inline">
                                                @php
                                                $cor="danger";
                                                 @endphp
                                                <h4>Finalização da Solicitação de Destruição</h4>
                                        @elseif ($tiposSolcitacao==="Doc_digitalização")
                                                    <i class="ik ik-disk bg-primary"></i>
                                                    <div class="d-inline">
                                                        @php
                                                        $cor="primary";
                                                         @endphp
                                                    <h4>Finalização da Solicitação de Digitalização</h4>
                                            @elseif ($tiposSolcitacao==="Doc_consulta")    
                                                    <i class="ik ik-search bg-success"></i>
                                                        <div class="d-inline">
                                                            @php
                                                            $cor="success";
                                                        @endphp
                                                    <h4>Finalização da Solicitação de Consulta de Documentos</h4>
                                        @endif
            

                                    <br/>
                                    </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="#">carrinho</a></li>
                                <li class="breadcrumb-item active" aria-current="page">finalização</li>
                            </ol>
                        </nav>
                    </div>
                    </div>


            </div>


            
            <div class="card">
                <div class="card-header bg-{{$cor}}"><h3 class="d-block w-100" style="color:white">Formulário
                    
                    @if ($tiposSolcitacao==="Doc_destruição")
                                de Solicitação Para Destruição
                    @elseif ($tiposSolcitacao==="Doc_digitalização")
                                de Solicitação para Digitalização</h4>
                        @elseif ($tiposSolcitacao==="Doc_consulta")    
                                de Solicitação para Consulta de Documentos
                        @endif
                                    
                 

                    <!---<small class="float-right" style="color:white">Data reservada:{{$dados_solicitador->created_At}} </small>---></h3></div>
                    <form name="cadsolitacao"  method="post" enctype="multipart/form-data">
                         @csrf
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12 table-responsive">
                                
                                        
                                    
                                           
                                                    <div class="row">

                                                        @if($tiposSolcitacao==="Doc_destruição")
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label class="">Tipo Solicitação</label>

                                                                    <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>
                                                                    @endif
                
                                                        <div class="col-sm-3">
                                                            <div class="form-group">
                                                                <label class="">Urgencia</label>
                                                                <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>
                                                        @if ($tiposSolcitacao==="Doc_destruição") 
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                                <label class="">Comprovativo digital</label>
                                                                    <div class="input-group">
                                                                            <input type="file" name="comprovativo" class="form-control" />
                                                                    </div>
                
                                                            </div>
                                                        </div>
                                                        @endif
                
                                                        <div class="col-sm-6">
                                                            <div class="form-group">
                                                            <label class="">Descrição</label>
                                                                <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"></label> --}}
                                                    <div class="col-sm-6">
                                                        <br><p></p>
                                                   
                                                    </div>
                                                               <input value="{{$tiposSolcitacao }}" hidden name="tipo_solcitacao">
                                                </div>
                                        
                                    
                
                
                
                                    
                                </div>   

                            </div>
                            <br>
                            <div class="row">
                                <br>
                                <div class="col-12 table-responsive">
                                    <h5 class="text-center"> Listagem das Caixas Adicionadas no carinho</h5>
                                    <table id="example1" class="table container  table-striped table-hover">
                                        <thead class="bg-{{$cor}}" >
                                            <tr  >
            
                                            <th style="color:white">Número da Caixa</th>
                                            <!---<th>Agência</th>--->
                                            <th style="color:white">Remover da LIsta</th>

            
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(isset($dados))
                                                    @forelse($dados as $dado)
            
                                                    <tr>
                                                        <th>{{$dado->numerodacaixa }}</th>
                                                        <th>
                                                            <a class="btn btn-danger " type="button" href="#"><i class="fa fa-trash"></i></a>
                                                        </th>

                                                    </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="col-6">
                                    <br>
                                    <p class="lead">Total de Caixas: <strong>{{ $total_caixas }}</strong></p>
                                    <div class="table-responsive">
                                        <table class="table">
                                            <tr>
                                                <th style="width:50%">Solicitador: {{$dados_solicitador->nome }}</th><br>
                                            </tr>
            
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row no-print">

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label class="col-sm-6 col-lg-6 col-form-label">Insere sua Senha senha</label>
                                            <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" required>
                                            </div>
                                    </div>

                                </div>

                                <div class="col-12">
                                    @if($tiposSolcitacao==="Doc_destruição")
                                    <button type="submit" class="btn btn-outline-danger w-50">Solicitar destruição de caixas</button>  
                                    
                                @elseif ($tiposSolcitacao==="Doc_digitalização")
                                <button type="submit" class="btn btn-outline-primary w-50">Solicitar Digitalização da Caixas</button> 
                                    @elseif ($tiposSolcitacao==="Doc_consulta")    
                                    <button type="submit" class="btn btn-outline-success w-50">Solicitar Documentação para Consulta de Caixas </button>
                                          
                                @endif
    
                                  
                                   
                                  
                                </div>
                            </div>
                        </div>
                    </form>
            </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="{{url('cliente/plugins/select2/dist/js/select2.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="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script>
<link href="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet">

<script type="text/javascript">

$('.select3').editableSelect();

    $(function () {
        $('form[name="cadsolitacao"]').submit(function (data) {
            data.preventDefault();

            $.ajax({
                url: "{{route('us.admin.cliente.GestSolicitacao.personalizado.new.sol.box2')}}",
                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,
                                    });
                                //window.location.href = "{{route('us.admin.cliente.GestSolicitacao.doc.fisica')}}";
                            

                                return;
                        }

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

                }

            });

        });
    });

    </script>
@endsection