@extends(layoutTenant())
@section('title')
    <title> FCE - PapelZero </title>

@endsection
@section('content')



    <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" style="background-color: red;"  >
                            <i style="font-size: 30px; margin-top: 5px;" class="la la la-check-circle"></i>
                        </span></a>
                    Arquivado
                </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 =  ['Arquivado','Análise do FCE', 'Análise Técnica','Análise Jurídica','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('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</h4>


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

                            </tr>
                            </thead>
                            <tbody>
@foreach(\App\Documento::where('dados_id',$form->id)->get() as $documento)
                            <tr>
                                <td scope="row"> {{\App\DocimentosTipo::find($documento->tipo_id)['nome']}}</td>
                                <td scope="row">
                                    @if(\App\DocimentosTipo::find($documento->tipo_id)['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" style="width: 30px;" type="checkbox" value="{{$documento->id}}" name="documentos[]">
                                    </div>
                                    <div class="col-md-6" style="padding: 0;">
                                   <a target="_blank" href="{{url('')}}/{{$documento->url}}"> <i style="font-size: 30px;" class="la la-eye"></i></a>
                                    </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>
                            <li class="nav-item">
                                <a class="nav-link" style="color:darkblue;font-weight: bold; padding: 10px 40px 10px 40px;" id="profile-tab" data-toggle="tab" href="#perfil" role="tab" aria-controls="profile" aria-selected="false">ANÁLISES</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">

                                                <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 Técnica','Análise Jurídica','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 " >
                                                <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 Técnica','Análise Jurídica','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="#">
                                                            <img class="media-object rounded-circle"
                                                                 src="{{url('')}}/{{\App\UserAccount::find($item->usuario_id)->foto}}"
                                                                 alt="Generic placeholder image" style="width: 64px;height: 64px;">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                                    @endif
                                                    @endforeach

                                            </div>

                                    </tbody>
                                </table>



                            </div>
                            <div class="tab-pane fade" id="perfil" role="tabpanel" aria-labelledby="profile-tab">

                                {{--aaaaaaaggggggggggggggggggggggggggggggggggggggggg--}}

                            </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: 150px; " >
                <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">




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



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

                </div>
            </div>

        </div>

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




    <div class="modal fade" id="exampleModalarquivar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog " role="document">
            <div class="modal-content">

                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title text-white " id="exampleModalLabel"> Desarquivar </h5>
                    <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 que deseja Desarquivar ?



                </div>
                <div class="modal-footer ">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <a  class="btn btn-danger arquivarhr" id="arquivarhr">Desarquivar</a>
                </div>

            </div>

        </div>

    </div>







@endsection

@section('post-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].nome+'</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].nome+'</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