@extends('app.admin.layoult.tarefas')
@section('titleName')
FCE Arquivado - Licenciamento Ambiental 
@endsection

@section('buttons')
<div class="btn-group mr-1 mb-1 pull-right col-md-3" style="width: 200px; padding-bottom: 180px; ">
    <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="#modalDesarquivar" data-whatever="{{routeTenant('analisetecnica.desarquivar',[$form->id, $type])}}" 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, $type])}}"> <i class="la la-eye"></i> Visualizar FCE</a>
    </div>
</div>
@endsection
@section('modals')
<div class="modal fade" id="modalDesarquivar" 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('scripts')
<script>
    $('#modalDesarquivar').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget) 
        var recipient = button.data('whatever')
        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)
        var recipient = button.data('whatever') 
        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() + 1,
                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", ["id" => $form->id, "tipo" => 1])}}',
                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