@extends('layouts.tributos')
@section('content')
    <h3 class="page-header"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> Consulta Prévia</h3>

    <h3>Dados do Solicitante</h3>
    <table class="table">
        <tr>
            <td width="10%"><b>Nome:</b></td>
            <td>{{$dados->solicitante_nome}}</td>
        </tr>
        <tr>
            <td><b>CPF/CNPJ:</b></td>
            <td>{{$dados->solicitante_cpf}}</td>
        </tr>
        <tr>
            <td><b>Email:</b></td>
            <td>{{$dados->solicitante_email}}</td>
        </tr>
        <tr>
            <td><b>Telefone:</b></td>
            <td>{{$dados->solicitante_telefone}}</td>
        </tr>
        <tr>
            <td><b>Ramal:</b></td>
            <td>{{$dados->solicitante_ramal}}</td>
        </tr>
    </table>

    <h3>Dados da Solicitação de Localização</h3>
    <table class="table">
        <tr>
            <td width="10%"><b>Endereço:</b></td>
            <td>{{$dados->empresa_endereco}}, {{$dados->empresa_numero}}</td>
        </tr>
        <tr>
            <td><b>Número:</b></td>
            <td>{{$dados->empresa_numero}}</td>
        </tr>
        <tr>
            <td><b>CEP:</b></td>
            <td>{{$dados->empresa_cod_cep}}</td>
        </tr>
        <tr>
            <td><b>Bairro:</b></td>
            <td>{{$dados->empresa_bairro}}</td>
        </tr>
        <tr>
            <td><b>Área do Imóvel (m²):</b></td>
            <td>{{$dados->empresa_area_total}}</td>
        </tr>
        <tr>
            <td><b>Área do Estabelecimento (m²):</b></td>
            <td>{{$dados->empresa_area_utilizada}}</td>
        </tr>
        <tr>
            <td><b>Inscricao Imobiliaria:</b></td>
            <td>{{$dados->empresa_inscricao}}</td>
        </tr>
        <tr>
            <td><b>UF:</b></td>
            <td>{{$dados->uf}}</td>
        </tr>
        <tr>
            <td><b>Municipio:</b></td>
            <td>{{$dados->municipio}}</td>
        </tr>
        <tr>
            <td><b>Referência:</b></td>
            <td>{{$dados->empresa_ponto_referencia}}</td>
        </tr>
        <tr>
            <td><b>Tipo de Imóvel:</b></td>
            <td>{{!empty($dados->empresa_cod_tipo_imovel) == 1 ? $tipo_imovel[$dados->empresa_cod_tipo_imovel] : ''}}</td>
        </tr>
        <tr>
            <td><b>Tipo de Unidade:</b></td>
            <td>{{!empty($dados->cod_tipo_unidade) == 1 ? $tipo_unidade[$dados->cod_tipo_unidade] : ''}}</td>
        </tr>
        <tr>
            <td><b>Forma de Atuação:</b></td>
            <td>{{!empty($dados->cod_forma_atuacao) == 1 ? $forma_atuacao[$dados->cod_forma_atuacao] : ''}}</td>
        </tr>
        <tr>
            <td><b>Natureza do Imóvel:</b></td>
            <td>{{!empty($dados->empresa_cod_tipo_natureza) == 1 ? $natureza_imovel[$dados->empresa_cod_tipo_natureza] : ''}}</td>
        </tr>
        <tr>
            <td><b>Autorização/Permissão Uso do Solo:</b></td>
            <td>...</td>
        </tr>
    </table>

    <h3>Atividades</h3>
    <table class="table">
        <tr>
            <td width="20%"><b>Descrição do Objeto do Estabelecimento:</b></td>
            <td>{{$dados->objeto_social}}</td>
        </tr>
        <tr>
            <td><b>Principal:</b> @if($dados->atividade_exerce_endereco == 1)
                    (Exerce atividade no endereço informado)
                @endif</td>
            <td></td>
        </tr>
        @foreach($atividadeP as $ap)
            <tr>
                <td></td>
                <td>{{$ap->co_cnae}}</td>
            </tr>
        @endforeach
        <tr>
            <td><b>Secundária:</b></td>
            <td></td>
        </tr>
        @foreach($atividadeS as $as)
            <tr>
                <td></td>
                <td>{{$as->co_cnae}}</td>
            </tr>
        @endforeach
    </table>

    <h3>Dados da Solicitação</h3>
    <table class="table">
        <tr>
            <td width="15%"><b>Status:</b></td>
            <td>Pendente</td>
        </tr>
        <tr>
            <td><b>Eventos:</b></td>
            <td>{{$dados->codigo_redesim}} - {{$dados->evento}}</td>
        </tr>
        <tr>
            <td><b>Data da Solicitação:</b></td>
            <td>{{dataYMD_DMY($dados->dt_solicitacao)}}</td>
        </tr>
        <tr>
            <td><b>Protocolo:</b></td>
            <td>{{$dados->cod_protocolo_redesim}}</td>
        </tr>
        <tr>
            <td><b>Porte:</b></td>
            <td>{{!empty($dados->cod_enquadramento) == 1 ? $enquadramento[$dados->cod_enquadramento] : ''}}</td>
        </tr>
        <tr>
            <td><b>Natureza Juridica:</b></td>
            <td>{{$dados->natureza_juridica}}</td>
        </tr>
        <tr>
            <td><b>Inscricao Municipal:</b></td>
            <td>...</td>
        </tr>
    </table>

    <h3>Dados do Empresário</h3>
    <table class="table">
        <tr>
            <td width="10%"><b>Nome:</b></td>
            <td>{{$dados->socios_nome}}</td>
        </tr>
        <tr>
            <td><b>CPF / CNPJ:</b></td>
            <td>{{$dados->socios_cpf_cnpj}}</td>
        </tr>

        <tr>
            <td><b>Nome da Mãe:</b></td>
            <td>{{$dados->socios_nome_mae}}</td>
        </tr>
    </table>

    {{--    <h3>Denominação / Firma Social Pretendida</h3>--}}
    {{--    <table class="table">--}}
    {{--        <tr>--}}
    {{--            <td width="10%"><b>Situação:</b></td>--}}
    {{--            <td>(Nome aprovado)</td>--}}
    {{--        </tr>--}}
    {{--        <tr>--}}
    {{--            <td><b></b></td>--}}
    {{--            <td>A empresa optou pelo uso do CNPJ como Razão Social conforme a resolução 61 da CGSIM.</td>--}}
    {{--        </tr>--}}
    {{--        <tr>--}}
    {{--            <td><b>Autorização do Nome:</b></td>--}}
    {{--            <td>Não.</td>--}}
    {{--        </tr>--}}
    {{--    </table>--}}

    <h3>Respostas do Questionário</h3>
    <table class="table">
        @foreach($questionario as $q)
            <tr>
                <td width="10%"><b>Pergunta:</b></td>
                <td>{{$q->ds_pergunta}}</td>
            </tr>
            <tr>
                <td><b>Resposta:</b></td>
                <td>{{$q->ds_resposta}}</td>
            </tr>
        @endforeach
    </table>
    <hr>
    <div class="row">
        <div class="col-md-4">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#deferirModal"><i
                    class="fa fa-check" aria-hidden="true"></i> Deferir
            </button>
            <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#indeferirModal"><i
                    class="fa fa-ban" aria-hidden="true"></i> Indeferir
            </button>
            <button type="button" class="btn btn-default" onclick="window.history.back()"><i class="fa fa-reply"
                                                                                             aria-hidden="true"></i>
                Voltar
            </button>
        </div>
    </div>

    <hr>

    {{--        Modal Deferimento--}}
    <div class="modal fade" id="deferirModal" tabindex="-1" role="dialog" aria-labelledby="deferirModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form name="FrmIncluirDeferir" action="{{route('facilita-consulta-previa.deferir')}}" method="post"
                  autocomplete="off">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="deferirModalLabel">Observações Deferimento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <label for="">Observações</label>
                                <input type="hidden" name="protocolo" value="{{$dados->cod_protocolo_redesim}}">
                                <input type="hidden" name="dt_reserva" value="{{$dados->dt_solicitacao}}">
                                <textarea rows="5" cols="20" class="form-control"
                                          name="observacaodeferimento"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-primary"><i class="fa fa-check" aria-hidden="true"></i>
                            Confirmar Deferimento
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{--        Modal Inddeferimento--}}
    <div class="modal fade" id="indeferirModal" tabindex="-1" role="dialog" aria-labelledby="indeferirModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <form name="FrmIncluirIndeferir" action="{{route('facilita-consulta-previa.indeferir')}}" method="post"
                  autocomplete="off">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="indeferirModalLabel">Motivos do Indeferimento</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <input type="checkbox" name="motivos[]" id="motivos" value="4" class="checkMotivos">
                                Local Indevido<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="7" class="checkMotivos">
                                Formulação do nome empresarial individual totalmente abreviado.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="8" class="checkMotivos">
                                Nome empresarial semelhante (é necessário colocar um aditivo ao nome).<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="9" class="checkMotivos">
                                Firma idêntica.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="10" class="checkMotivos">
                                Pendências fiscais/tributárias não solucionadas no prazo estipulado.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="12" class="checkMotivos">
                                Necessário informar número de consulta prévia de localização que corresponda a ao menos
                                uma das inscrições de imóvel - IPTU - e às CNAEs indicada(s) no PGD. Verifique sua
                                consulta prévia e os dados lançados na solicitação.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="13" class="checkMotivos">
                                Atividade(s) proibida(s) no local pretendido. Verifique sua consulta prévia de
                                localização.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="14" class="checkMotivos">
                                Verifique sua consulta prévia de localização: atividade(s) tolerada(s) no local
                                pretendido. Necessário solicitar parecer ao Conselho Municipal do Plano Diretor
                                Urbano.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="15" class="checkMotivos">
                                Área inválida. Necessário informar área a ser utilizada pela empresa/entidade.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="16" class="checkMotivos">
                                Área incompatível com a informada na consulta prévia de localização. Verifique sua
                                consulta prévia e os dados lançados na solicitação.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="18" class="checkMotivos">
                                Inscrição(ões) de imóvel - IPTU informada(s) no PGD incompatível(is) com a informada na
                                consulta prévia de localização. Verifique sua consulta prévia e os dados lançados na
                                solicitação.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="21" class="checkMotivos">
                                Endereço informado incompleto<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="23" class="checkMotivos">
                                O endereço informado é incompatível com o vinculado à inscrição imobiliária.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="25" class="checkMotivos">
                                Na transformação de MEI para INDIVIDUAL,&nbsp; colocar o CPF ao lado do nome a ser
                                pesquisado.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="27" class="checkMotivos">
                                Particula de porte empresarial anexa ao nome a ser pesquisado. ("ME" ou "EPP").<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="28" class="checkMotivos">
                                Inscrição Imobiliária inválida.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="29" class="checkMotivos">
                                Inscrição Imobiliária não informada.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="32" class="checkMotivos">
                                Atividade não permitida na localização informada.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="34" class="checkMotivos">
                                Sua solicitação foi analisada pela Prefeitura de Vitória.<br>
                                <img src="{{url('img/layout/img_check_box.gif')}}"
                                     align="middle">
                                <input type="checkbox" name="motivos[]" id="motivos" value="99" class="checkMotivos">
                                Outros<br>
                            </div>
                            <div class="col-md-12">
                                <label for="">Observações</label>
                                <input type="hidden" name="protocolo" value="{{$dados->cod_protocolo_redesim}}">
                                <input type="hidden" name="dt_reserva" value="{{$dados->dt_solicitacao}}">
                                <textarea rows="5" cols="20" class="form-control" name="observacaoinddeferimento"
                                          required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-warning"><i class="fa fa-ban" aria-hidden="true"></i>
                            Confirmar Indeferimento
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection
@push('script')
    <script>
        const httpUrl = urlBase + '/tributo/facilita-consulta-previa';

        let FrmIncluirDeferir = $("form[name=FrmIncluirDeferir]");
        FrmIncluirDeferir.submit(function () {
            let From = $(this).serialize(),
                url = $(this).attr('action'),
                post = $(this).attr('method');

            $.ajax({
                type: post,
                url: url,
                data: From,
                dataType: 'json',
                beforeSend: function () {
                    $.blockUI({css: {backgroundColor: '#f00', color: '#fff'}, onOverlayClick: $.unblockUI});
                    $('#deferirModal').modal('hide');
                },
                success: function (data) {
                    console.log(data);
                    console.log(data.controle);
                    console.log(data.dados_resposta_consulta_previa);
                    // console.log(data.dados_resposta_consulta_previa.co_protocolo_redesim);

                    if (data.erros[0]) {
                        $.blockUI({
                            message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + data.erros[0].ds_retorno + ' ):' + '</div>',
                            timeout: 8000,
                            onOverlayClick: $.unblockUI
                        });
                    } else {
                        FrmIncluirDeferir.each(function () {
                            this.reset();
                        });
                        $.blockUI({
                            message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: concluído com sucesso.! </strong>  (:',
                            timeout: 1500,
                            onOverlayClick: $.unblockUI
                        });

                        $(document.location).attr('href', httpUrl);
                    }

                    // if (data[0] === 'success') {
                    //     FrmIncluirDeferir.each(function () {
                    //         this.reset();
                    //     });
                    //     $.blockUI({
                    //         message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> ' + data[1] + ' (:',
                    //         timeout: 1500,
                    //         onOverlayClick: $.unblockUI
                    //     });
                    //
                    //     $(document.location).attr('href', httpUrl);
                    // }
                },
                error: function (data) {
                    /** Mensagens vindo do back-end */
                    $.each(data.responseJSON.errors, function (key, value) {
                        $.blockUI({
                            message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + value[0] + ' ):' + '</div>',
                            timeout: 8000,
                            onOverlayClick: $.unblockUI
                        });
                    });
                }
            });
            return false;
        });

        let FrmIncluirIndeferir = $("form[name=FrmIncluirIndeferir]");
        FrmIncluirIndeferir.submit(function () {
            let From = $(this).serialize(),
                url = $(this).attr('action'),
                post = $(this).attr('method');

            $.ajax({
                type: post,
                url: url,
                data: From,
                dataType: 'json',
                beforeSend: function () {
                    $.blockUI({css: {backgroundColor: '#f00', color: '#fff'}, onOverlayClick: $.unblockUI});
                    $('#indeferirModal').modal('hide');
                },
                success: function (data) {
                    console.log(data);
                    console.log(data.controle);
                    // console.log(data.dados_resposta_consulta_previa);

                    if (data.erros[0]) {
                        $.blockUI({
                            message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + data.erros[0].ds_retorno + ' ):' + '</div>',
                            timeout: 8000,
                            onOverlayClick: $.unblockUI
                        });
                    } else {
                        FrmIncluirIndeferir.each(function () {
                            this.reset();
                        });
                        $.blockUI({
                            message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> Parabéns: concluído com sucesso.! (:',
                            timeout: 1500,
                            onOverlayClick: $.unblockUI
                        });

                        $(document.location).attr('href', httpUrl);
                    }

                    // if (data[0] === 'success') {
                    //     FrmIncluirIndeferir.each(function () {
                    //         this.reset();
                    //     });
                    //     $.blockUI({
                    //         message: '<div class="alert alert-success alert-dismissible" role="alert"><strong><span class=glyphicon glyphicon-ok" aria-hidden="true"></span> Parabéns: </strong> ' + data[1] + ' (:',
                    //         timeout: 1500,
                    //         onOverlayClick: $.unblockUI
                    //     });
                    //
                    //     $(document.location).attr('href', httpUrl);
                    // }
                },
                error: function (data) {
                    /** Mensagens vindo do back-end */
                    $.each(data.responseJSON.errors, function (key, value) {
                        $.blockUI({
                            message: '<div class="alert alert-danger alert-dismissible" role="alert"><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>&nbsp;' + value[0] + ' ):' + '</div>',
                            timeout: 8000,
                            onOverlayClick: $.unblockUI
                        });
                    });
                }
            });
            return false;
        });
    </script>
@endpush