@extends(layoutTenant())
@section('title')
    <title>   Análise do FCE - FCE - PapelZero </title>
@php $pagina = "aprovacao"; @endphp
@endsection
@section('content')

@php  $idusu = unserialize(Auth::user()->analisefce);  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">

@if($form->reprovar == 0)
                <li role="tab" class=" first  current " aria-disabled="true" aria-selected="false">

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

                        <span class="step" >1 </span></a>
                    Análise do FCE
                </li>

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

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

                        <span class="step" style="background-color: red; color: white;"  ><i style="font-size: 30px; margin-top: 5px;" class="la la-exclamation-circle"></i> </span></a>
                    Análise do FCE
                </li>
                @endif
                <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" >2 </span></a>
                    Análise Jurídica
                </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" >3 </span></a>
                      Análise Técnica
                </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" >4 </span></a>
                    Parecer Técnico
                </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" >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">

        <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);
                                                    ">
                <h5 style="color: #CC4400; font-weight: bold; padding: 20px;">Pendente</h5>

                <div class="row"style="text-align: center; margin-bottom: 10px;">
@php              $status =  ['','Análise do FCE', 'Análise Jurídica','Análise Técnica','Parecer Técnico','Plenário Codema','Expedição de Licença'];
@endphp
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="font-weight: bold;" > {{$form->razao_nome}}</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="color: #CC4400;font-weight: bold;">{{$status[$form->processo]}}</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" style="color: red; font-weight: bold;">{{$form->token}}</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" title=" {{$form->created_at->format('d/m/Y H:i')}}"> {{$form->created_at->format('d/m/Y H:i')}}</div>


                </div>

                <div class="row"style="text-align: center; font-size: 12px;border-top:2px #f1f1f1 solid; padding-top: 10px;">

                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3" >Nome | Empreendimento</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Status</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Protocolo</div>
                    <div class="col-md-3 col-lg-3 col-xs-3 col-xl-3 col-sm-3">Mostrar Mais  <i class="la la-angle-up"></i></div>


                </div>

            </div>

            <table class="table table-striped">
                <thead>
                <tr>
                    <th scope="col"> <h4 style="font-weight: bold; color: #0A246A;"> <i style="font-size: 25px;" class="la la-building"></i> Informações</h4></th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Nome I Razão Social:</span>
                        <strong>{{$form->razao_nome}}</strong>
                    </th>

                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Nome Fantasia:</span>
                        <strong>{{$form->nome_fatasia_apelido}}</strong>

                    </th>

                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">CPF | CNPJ:</span>
                        <strong>{{$form->cnpj_cpf}} </strong>
                    </th>

                </tr>
                <tr>
                    <th scope="row">
                        <span style="font-weight: initial;">Endereço:</span>
                        <strong>{{$form->endereco}}, {{$form->numero_casa_km}}, {{$form->bairro_localidade}} , {{$form->municipio}}-{{$form->uf}} {{$form->cep}} </strong>
                    </th>

                </tr>
                </tbody>
            </table>
                <h4 style="font-weight: bold; color: #0A246A; padding: 20px;"> <i style="font-size: 25px;" class="la la-sticky-note"></i>  Documentos Necessários</h4>


                <div style="overflow: auto; max-height:300px ">
                    <table class="table table-striped" >
                        <thead>
                        <tr>
                            <th scope="col">  Data</th>
                            <th scope="col">  Descrição</th>
                            <th scope="col">  Tipo</th>
                            <th scope="col">  Ação</th>

                        </tr>
                        </thead>
                        <tbody>

                        @foreach(App\DocimentosTipo::whereNotIn('id',['10000','10001','10003','9999','9998','9997','9996','9995','9994'])->where('status',1)->get() as $tarefa)


                            <tr>
                                <td scope="row"> {{$tarefa->created_at->format('d/m/Y H:i')}} </td>
                                <td scope="row"> {{$tarefa->descricao}} </td>
                                <td scope="row">
                                    @if($tarefa->obrigatorio == 0)
                                        <button class="btn btn-sm btn-success"> Opcional</button>
                                    @else
                                        <button class="btn btn-sm btn-danger"> Obrigatório</button>
                                    @endif

                                </td>
                                <td >
                                    <div class="row">
                                        <div class="col-md-6" >
                                            <input class="form-control"  @if($tarefa->padrao == 1) checked @endif  style="width: 30px;" type="checkbox" value="{{$tarefa->id}}" name="documentos[]">
                                        </div>

                                    </div>
                                </td>

                            </tr>
                        @endforeach





                        </tbody>
                    </table>


                </div>


            <table class="table table-striped">
                <thead>
                <tr>
                    <th scope="col"> <h4 style="font-weight: bold; color: #0A246A;">
                            <i style="font-size: 25px;"
                             class="la la-history"></i> Histórico </h4></th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <td scope="row">

                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">MENSAGENS</a>
                            </li>


                        </ul>
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab" style="padding-top: 20px;">

                                <table class="table" id="users-table" style="margin-top: 20px">
                                    <thead  style="border:none; border-top:none; border-bottom:none; border:#f1f1f1 2px solid; padding: 0 0 0 0;">
                                    <tr style="border:#f1f1f1 2px solid; padding: 0 0 0 0;">


                                        <th style="border-top:none; border-bottom:none; padding: 0 0 0 0!important;"></th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                            <div class="row" id="atualizar" style="height: 400px; overflow: auto;">

                                    @foreach(\App\Messagen::where('form_id',$form->id)->orderBy('id','desc')->get() as $item)

                                        @if($item->tipo == 0)
                                            <div class="col-md-12" style="margin-top: 20px;">

                                                <div style="width: 50%;">

                                                    <div class="media" >
                                                        <a class="media-left" href="#">
                                                            <img class="media-object rounded-circle"
                                                                 src="{{url('')}}/images/avatarpadrao.png"
                                                                 alt="Generic placeholder image" style="width: 64px;height: 64px;">
                                                        </a>
                                                        <div class="media-body" style="width: 50%; margin-left: 20px; background-color: #f1f1f1; padding: 10px;" >
                                                            <h4 class="media-heading" style="font-size: 16px; margin-left: 13px;">{{$form->razao_nome }}</h4>
                                                            <p style="text-align: justify-all;"> {{$item->messagem}}</p>
                                                            @php              $status =  ['','Análise do FCE', 'Análise Jurídica','Análise Técnica','Parecer Técnico','Plenário Codema','Expedição de Licença'];
                                                            @endphp
                                                            <span class="pull-left" style="font-size: 12px;">{{ $status[$item->processo_status] }}</span>
                                                            <span class="pull-right" style="font-size: 12px;">{{$item->created_at->format('d/m/Y H:i')}}</span>

                                                        </div>
                                                    </div>




                                                </div>
                                            </div>
                                                    @else
                                            <div class="col-md-12 " style="margin-top: 20px;" >
                                                <div style="width: 50%; margin-left: 50%;">

                                                    <div class="media "   >

                                                        <div class="media-body" style="width: 50%; margin-right: 20px; background-color: blue; color: white; padding: 10px;" >
                                                            <h4 class="media-heading" style="font-size: 16px; color: white;">{{\App\UserAccount::find($item->usuario_id)->name}}</h4>
                                                            <p style="text-align: justify-all; font-size: 13px;"> {{$item->messagem}}</p>
                                                            @php              $status =  ['','Análise do FCE', 'Análise Jurídica ','Análise Técnica','Parecer Técnico','Plenário Codema','Expedição de Licença'];
                                                            @endphp
                                                            <span class="pull-left" style="font-size: 12px;">{{ $status[$item->processo_status] }}</span>
                                                        <span class="pull-right" style="font-size: 12px;">{{$item->created_at->format('d/m/Y H:i')}}</span>
                                                        </div>
                                                        <a class="media-right" href="#">
                                                            @php $img = \App\UserAccount::find($item->usuario_id)->foto; @endphp
                                                            @if($img == '' or $img == null)
                                                                <img class="media-object rounded-circle"
                                                                     src="{{url('')}}/images/avatarpadrao.png"
                                                                     alt="{{$item->messagem}}" style="width: 64px;height: 64px;">
                                                                @else
                                                            <img class="media-object rounded-circle"
                                                                 src="{{url('')}}/{{\App\UserAccount::find($item->usuario_id)->foto}}"
                                                                 alt="{{$item->messagem}}" style="width: 64px;height: 64px;">
                                                                @endif
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                                    @endif
                                                    @endforeach

                                            </div>

                                    </tbody>
                                </table>



                            </div>


                        </div>



                    </td>

                </tr>



                </tbody>
            </table>



            <div class="btn-group mr-1 mb-1 pull-right col-md-3 offset-md-9" style="width: 200px; padding-bottom: 100px; " >
                <button type="button" class="btn btn-success  dropdown-toggle" style="width: 300px; font-size: 20px;"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ações</button>
                <div class="dropdown-menu">

                 @if(in_array(1,$idusu))
                    <a data-toggle="modal" data-target="#exampleModalaprovar" data-whatever="{{routeTenant("analisefce.aprovar",[$form->id])}}" class="dropdown-item" style="font-weight: bold; font-size: 16px; color: green;" href="#"><i class="la la-check"></i> Aprovar</a>
@endif
                     @if(in_array(2,$idusu))
                    <a data-toggle="modal" data-target="#exampleModaldesaprovar" data-whatever="{{routeTenant("analisefce.reprovar",[$form->id])}}" class="dropdown-item" style="font-weight: bold; font-size: 16px; color: red;" href="#"><i class="ft-alert-circle"></i> Reprovar</a>

                     @endif
                     @if(in_array(4,$idusu))
                         <a data-toggle="modal" data-target="#exampleModalarquivar" data-whatever="{{routeTenant("analisetecnica.arquivar",[$form->id])}}" class="dropdown-item" style="font-weight: bold; font-size: 16px; color: saddlebrown;" href="#"><i class="ft-alert-circle"></i> Arquivar</a>

                     @endif
                    <a class="dropdown-item" style="font-weight: bold; font-size: 16px; color: #6f2e04;" target="_blank" href="{{routeTenant("tarefas.verdados",[$form->id])}}"> <i class="la la-eye"></i> Visualizar FCE</a>

                </div>
            </div>

        </div>

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

                    @include('app.admin.analisefce.modal1')

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

                    @if(in_array(2,$idusu))
                    @include('app.admin.analisefce.modal3')
                    @endif
        @if(in_array(4,$idusu))
            @include('app.admin.analisejuridica.modalarquivar')
        @endif
@endsection

@section('post-script')

    <script>
        var urlanalisefce = '{{url('')}}';

        $('#my-select').multiSelect()
    </script>
    <script>
        $(document).ready(function(){
            $('a[data-confirm]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-primary text-white">fdfdff' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja  ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-primary text-white" id="dataComfirmOK">fdfdfd</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });



        });
    </script>
    <script>
        $(document).ready(function(){
            $('a[data-confirm2]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete2').length){
                    $('body').append('<div class="modal fade" id="confirm-delete2" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">ffff' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja  ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK2">fdfdf</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK2').attr('href', href);
                $('#confirm-delete2').modal({show: true});
                return false;

            });



        });
    </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);
        })

        $('#exampleModal2').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.form1.action = recipient;
        })

    </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)
            var  dados = [] ;
            $("input:checked").each(function(){

dados.push($(this).val());



            });
console.log(dados)
            $('#documentoss').val(dados)
            document.form2.action = 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)


            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