@extends('template')
@section('conteudo')
    <section class="col-12 central mb-3">

        <div class="">
            <div class="caixa">
                <div
                    class="p-2 py-1 bg-title text-light text-uppercase h4 mb-0 text-branco d-flex justify-content-space-between">
                    <span class="h5  pt-1 mb-0 d-inline-block"><i class="far fa-list-alt"></i> Nota Num: <span
                            class="text-azul"></span></span>
                    <div>
                        <a href="" class="btn btn-laranja d-inline-block btn-pequeno" title="Voltar"><i
                                class="fas fa-arrow-left"></i> </a>

                        <a href="" target="_blank" class=" btn btn-azul btn-pequeno ml-1 d-inline-block"> Espelho da
                            Nota </a>
                        <a href="javascript:;" onclick="transmitirNfe()"
                            class=" btn btn-verde btn-pequeno ml-1 d-inline-block"> Transmitir NFE </a>

                        <a href="" target="_blank" class=" btn btn-roxo btn-pequeno ml-1 d-inline-block">
                            Imprimir Danfe </a>

                    </div>
                </div>

                <div class="rows">
                    <div class="col-12">
                        <div class="p-2 pb-0 pt-4 width-100 float-left">
                            <div id="tab" style="padding:0!important">
                                <ul class="tabs">
                                    <li><a href="#tab-1">Dados gerais</a></li>
                                    <li><a href="#tab-2">Emitente</a></li>
                                    <li><a href="#tab-3">Destinatário</a></li>
                                    <li><a href="#tab-4">Produtos</a></li>
                                    <li><a href="#tab-5">Totalizadores</a></li>
                                    <li><a href="#tab-6">Transporte</a></li>
                                    <li><a href="#tab-7">Cobrança</a></li>
                                    <li><a href="#tab-8">Adicionais</a></li>
                                    <li><a href="#tab-9">Autorizados</a></li>
                                    <li><a href="#tab-10">Referenciado</a></li>
                                </ul>



                                <div id="tab-1" class="cx-tab">
                                    <form id="frmIdentificacao" name="frmIdentificacao">
                                        identificação
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarIdentificacao()" value="Salvar Dados Identificacao"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

                                <div id="tab-2" class="cx-tab">
                                    <form id="frmEmitente" name="frmEmitente">
                                        emitente
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarEmitente()" value="Salvar Dados Emitente"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

                                <div id="tab-3" class="cx-tab">
                                    <form id="frmDestinatario" name="frmDestinatario">
                                        destinatario
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarDestinatario()"
                                            value="Salvar Dados Destinatario" class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

                                <div id="tab-4" class="cx-tab">
                                    produto
                                </div>

                                <div id="tab-5" class="cx-tab">
                                    <form id="frmTotalizador" name="frmTotalizador">
                                        totalizadores
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarTotalizador()" value="Salvar Dados Totalizador"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

                                <div id="tab-6" class="cx-tab">
                                    <form id="frmTransporte" name="frmTransporte">
                                        transporte
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarTransporte()" value="Salvar Dados Transporte"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>

                                <div id="tab-7" class="cx-tab">
                                    cobranca
                                </div>

                                <div id="tab-8" class="cx-tab">
                                    <form id="frmAdicional" name="frmAdicional">
                                        adicional
                                    </form>
                                    <div class="d-inline-block width-100 mb-5 mt-0" style="clear:both">
                                        <input type="button" onclick="salvarAdicional()" value="Salvar Dados Adicionais"
                                            class="btn btn-azul d-block m-auto">
                                    </div>
                                </div>



                                <div id="tab-9" class="cx-tab">
                                    autorização
                                </div>

                                <div id="tab-10" class="cx-tab">
                                    referência
                                </div>


                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>

    </section>

    <div class="window medio" id="modal_transferirNfe">
        <div class="titulo d-flex justify-content-space-between"><b id="titulo_erro">Transferir NFE</b> </div>
        <div class="p-2 text-center mt-2">
            <div id="gira_gira_transferir">
                <img src="{{ asset('assets/img/load2.gif') }}" width="60" class="m-auto">
                <span class="text-cinza d-block mt-2 mb-2"> Aguarde Enviando...</span>
            </div>

            <span class="msg msg-vermelho p-1" id="div_erro_transferir">
                <i class="fas fa-bug"></i> <b id="mensagem_erro_transferir"></b>
            </span>

            <div class="tfooter center">
                <a href="javaScript:;" onclick="fecharModal()" class="btn btn-vermelho btn-pequeno">Fechar</a>
            </div>
        </div>
    </div>

    <div class="window pdv medio" id="telaImprimirDanfe">
        <div class="caixa mb-0 p-0">
            <span class="d-block text-center titulo pb-2 pt-2 h4 border-bottom mb-2 text-verde"><i
                    class="fas fa-check"></i>
                Nfe Gerada Sucesso</span>
            <div class="p-2">
                <p class="h4 text-escuro text-center"><i class="fas fa-print"></i> Deseja imprimir o DANFE ?</p>
            </div>
            <div class="tfooter center py-3">
                <a href="javascript:;" onclick="imprimirDanfe()" class="btn btn-verde"><i class="fas fa-check"></i>
                    Sim</a>
                <a href="{{ route('notafiscal.index') }}" class="btn btn-vermelho ml-1"><i class="fas fa-times"></i>
                    Não</a>
            </div>
        </div>
    </div>

    <script>
        var nfe_id = "{{ $notafiscal->id ?? null }}";
        var natureza_operacao_id = "{{ $notafiscal->natureza_operacao_id ?? null ";

        function transmitirNfe() {
            $("#gira_gira_transferir").show();
            $("#div_erro_transferir").hide();
            $("#mensagem_erro_transferir").html(" ");
            abrirModal('#modal_transferirNfe');
            $.ajax({
                url: base_url + "nfe/transmitirJs/" + id_nfe,
                type: "GET",
                dataType: "json",
                data: {},
                success: function(data) {
                    $("#gira_gira_transferir").hide();
                    if (data.tem_erro == true) {

                        $("#div_erro_transferir").show();
                        $("#mensagem_erro_transferir").html(data.erro);
                    }

                    if (data.tem_erro == false) {
                        abrirModal('#telaImprimirDanfe');
                    }
                },
                error: function(e) {
                    var response = e.responseText;
                    console.log(response.erro);
                }
            });
        }

        function simularNfe() {
            giraGira();
            window.open(base_url + 'nfe/simularDanfe/' + id_nfe, '_blank');
            location.href = base_url + 'notafiscal/edit/' + id_nfe;
        }

        function imprimirDanfe() {
            giraGira();
            window.open(base_url + 'nfe/imprimirDanfePelaNfe/' + id_nfe, '_blank');
            location.href = base_url + 'notafiscal';
        }

        function ver_tipo_nota_referenciada() {
            var tipo = $("#tipo_nota_referenciada").val();
            var chave = $("#divChave");
            var ano_mes = $("#divDataEmissao");
            var num_nf = $("#divNumeroNota");
            var serie = $("#divSerieNota");

            $("#ref_NFe").val(" ");
            $("#ref_ano_mes").val(" ");
            $("#ref_num_nf").val(" ");
            $("#ref_serie").val(" ");

            chave.hide();
            ano_mes.hide();
            num_nf.hide();
            serie.hide();



            if (tipo == 1 || tipo == 7) {
                $("#lblChave").html("Chave de Acesso");
                chave.show();
                chave.val(" ");
                ano_mes.hide();
                num_nf.hide();
                serie.hide();

            } else if (tipo == 2) {
                $("#lblChave").html("Número do Contador de Ordem de Operação - COO");
                chave.show();
                ano_mes.hide();
                num_nf.hide();
                serie.hide();
            } else if (tipo == 3 || tipo == 4 || tipo == 5 || tipo == 6) {
                $("#lblChave").html("");
                chave.hide();
                ano_mes.show();
                num_nf.show();
                serie.show();
            }
        }

        function verDocReferenciado() {
            var finNFe = $('#finNFe').val();
            if (finNFe != 1) {
                $('#docReferenciado').show();
            } else {
                $('#docReferenciado').hide();
            }
        }
    </script>
@endsection