@extends(layoutTenant())
@section('title')
    <title>Plenário Codema - FCE - PapelZero </title>
    @php $pagina = "aprovacao" @endphp
@endsection
@section('content')

@php  $idusu = unserialize(Auth::user()->plenariocodema);  if($idusu == null){$idusu = [];} @endphp

<form class="number-tab-steps wizard-notification wizard clearfix" role="application" id="steps-uid-0">
    <div class="steps clearfix">
        <ul role="tablist">


            <li role="tab" class=" first  done " aria-disabled="true" aria-selected="false">

                <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0"  >

                        <span class="step"   >
                            <i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i>
                        </span></a>
                Análise do FCE
            </li>
            <li role="tab" class="   done " aria-disabled="true" aria-selected="false">

                <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                    <span class="step" >    <i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i> </span></a>
                 Análise Jurídica
            </li>
            <li role="tab" class="   done " aria-disabled="true" aria-selected="false">

                <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                    <span class="step" ><i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i> </span></a>
                Análise Técnica
            </li>
            <li role="tab" class="   done " aria-disabled="true" aria-selected="false">

                <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                    <span class="step" ><i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i> </span></a>
                Parecer Técnico
            </li>


                <li role="tab" class="   current " aria-disabled="true" aria-selected="false">

                    <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                        <span class="step" >5 </span></a>
                    Plenário Codema
                </li>



            <li role="tab" class="   disable " aria-disabled="true" aria-selected="false">

                <a id="steps-uid-0-t-0"  aria-controls="steps-uid-0-p-0">

                    <span class="step" >6 </span></a>
                Expedição de Licença
            </li>





        </ul>
    </div>

</form>

    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12" style="margin-top: 30px;">

        <div class="card">

            @if (isset($errors) && count($errors) > 0)
                <div class="alert alert-danger">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <strong>Erros encontrados!</strong>
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ul>
                </div>
            @endif


            @if (session('success'))

                <div class="alert alert-success">
                    {{ session('success') }}
                </div>

            @endif
            @if (session('erro'))

                <div class="alert alert-danger">
                    {{ session('erro') }}
                </div>

            @endif

            <div style="background-color: white; padding: 15px;
                                                     margin-top: 5px;
                                                      border-radius: 5px;
                                                    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
                                                    ">


                <div style="text-align: center; padding: 50px;">
<h1 style="text-align: center; font-weight: bold; ">Documento cadastrado com sucesso!</h1>
                    <a href="{{routeTenant('tarefas.index',[$id])}}" class="btn btn-success" style="margin-top: 30px;">Continuar processo</a>
                </div>



            </div>










        </div>

    </div>
    <!-- ============================================================== -->
    <!-- end recent orders  -->



                    @if(in_array(1,$idusu))
                    @include('app.admin.plenariocodema.modal2')
                    @endif

                    @if(in_array(3,$idusu))
                    @include('app.admin.plenariocodema.modal3')
                    @endif

                    @if(in_array(4,$idusu))
                        @include('app.admin.plenariocodema.modalarquivar')
                    @endif

@endsection

@section('post-script')




    <script>
        $('#exampleModalaprovar').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var recipient = button.data('whatever') // Extract info from data-* attributes
            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)

            document.form2.action = recipient;
        })

    </script>



    <script>
        $('#exampleModalarquivar').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var recipient = button.data('whatever') // Extract info from data-* attributes
            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)
console.log(recipient);
            var link = document.getElementById("arquivarhr");
            link.setAttribute('href', recipient);
        })

    </script>
    <script>
        $('#exampleModaldesaprovar').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget) // Button that triggered the modal
            var recipient = button.data('whatever') // Extract info from data-* attributes
            // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
            // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
            var modal = $(this)

            $('#documentosselecionados').html('');

            $("input:checked").each(function(){



                $.ajaxSetup({

                    headers: {

                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                    }

                });






                $.ajax({

                    type:'GET',

                    url: '{{url('')}}/app/admin/analisetecnica/getdecumento/'+$(this).val(),

                    data:{},

                    success:function(data){




                                if(data.form2[0].tipo == 0) {
                                    $('#documentosselecionados').append('   <tr>\n' +
                                        '                                <td scope="row"> '+data.form2[0].descricao+'</td>\n' +
                                        '                                <td scope="row">\n' +
                                        '\n' +
                                        '                                        <button class="btn btn-sm btn-success"> Opcional</button>\n' +
                                        '\n' +
                                        '                                        \n' +
                                        '\n' +
                                        '\n' +
                                        '                                </td>\n' +
                                        '\n' +
                                        '\n' +
                                        '           <input type="hidden" value="'+data.form2[0].id+'" name="documentosselect[]">                 </tr>');



                                }else{


                                    $('#documentosselecionados').append('    <tr>\n' +
                                        '                                <td scope="row"> '+data.form2[0].descricao+'</td>\n' +
                                        '                                <td scope="row">\n' +
                                        '\n' +
                                        '                                        \n' +
                                        '\n' +
                                        '                                        <button class="btn btn-sm btn-danger"> Obrigatório</button>\n' +
                                        '\n' +
                                        '\n' +
                                        '                                </td>\n' +
                                        '\n' +
                                        '\n' +
                                        '                       <input type="hidden" value="'+data.form2[0].id+'" name="documentosselect[]">          </tr>');

                                }




                    }

                });



            });

            document.form3.action = recipient;
        })

    </script>


    <script>
        $(function() {
            setTime();
            function setTime() {


                setTimeout(setTime, 10000);

                $.ajaxSetup({

                    headers: {

                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                    }

                });






                $.ajax({

                    type:'GET',

                    url: '{{routeTenant('get.messagem',[$form->id])}}',

                    data:{},

                    success:function(data){


                        if(localStorage.getItem('notifica') == data.form2.length){}else{

                            $('#atualizar').html('');

                            for (var i = 0; i < data.form2.length; i++) {



                                if(data.form2[i].tipo == 0) {
                                    $('#atualizar').append('    <div class="col-md-12">\n' +
                                        '\n' +
                                        '                                                <div style="width: 50%;">\n' +
                                        '\n' +
                                        '                                                    <div class="media" >\n' +
                                        '                                                        <a class="media-left" href="#">\n' +
                                        '                                                            <img class="media-object rounded-circle"\n' +
                                        '                                                                 src="{{url('')}}/images/avatarpadrao.png"\n' +
                                        '                                                                 alt="Generic placeholder image" style="width: 64px;height: 64px;">\n' +
                                        '                                                        </a>\n' +
                                        '                                                        <div class="media-body" style="width: 50%; margin-left: 20px; background-color: #f1f1f1; padding: 10px;" >\n' +
                                        '                                                            <h4 class="media-heading" style="font-size: 16px; margin-left: 13px;">'+data.form2[i].form_id+'</h4>\n' +
                                        '                                                            <p style="text-align: justify-all;"> '+data.form2[i].messagem+'</p>\n' +
                                        '                                                            \n' +
                                        '                                                            <span class="pull-left" style="font-size: 12px;">'+data.form2[i].processo_status+'</span>\n' +
                                        '                                                            <span class="pull-right" style="font-size: 12px;">'+data.form2[i].created_at+'</span>\n' +
                                        '\n' +
                                        '                                                        </div>\n' +
                                        '                                                    </div>\n' +
                                        '\n' +
                                        '\n' +
                                        '\n' +
                                        '\n' +
                                        '                                                </div>\n' +
                                        '                                            </div>');



                                }else{


                                    $('#atualizar').append('  <div class="col-md-12 " >\n' +
                                        '                                                <div style="width: 50%; margin-left: 50%;">\n' +
                                        '\n' +
                                        '                                                    <div class="media "   >\n' +
                                        '\n' +
                                        '                                                        <div class="media-body" style="width: 50%; margin-right: 20px; background-color: blue; color: white; padding: 10px;" >\n' +
                                        '                                                            <h4 class="media-heading" style="font-size: 16px; color: white;">'+data.form2[i].usuario_id+'</h4>\n' +
                                        '                                                            <p style="text-align: justify-all; font-size: 13px;"> '+data.form2[i].messagem+'</p>\n' +
                                        '                                                            \n' +
                                        '                                                            <span class="pull-left" style="font-size: 12px;">'+data.form2[i].processo_status+'</span>\n' +
                                        '                                                        <span class="pull-right" style="font-size: 12px;">'+data.form2[i].created_at+'</span>\n' +
                                        '                                                        </div>\n' +
                                        '                                                        <a class="media-right" href="#">\n' +
                                        '                                                            <img class="media-object rounded-circle"\n' +
                                        '                                                                 src="{{url('')}}/'+data.form2[i].foto+'"\n' +
                                        '                                                                 alt="Generic placeholder image" style="width: 64px;height: 64px;">\n' +
                                        '                                                        </a>\n' +
                                        '                                                    </div>\n' +
                                        '                                                </div>\n' +
                                        '                                            </div>');

                                }}






                        }

                        localStorage.setItem('notifica',data.form2.length);


                    }

                });






            }
        });
    </script>



@endsection