@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>@yield('tipo')</strong> NF-e
                </h2>
                <div class="pull-right">
                    @if (isset($faturamento))
                        @switch($faturamento->status)
                            @case(0)
                            <span class="label bg-blue">Aberta</span>
                            @break                    
                            @case(1)
                            <span class="label bg-green">Encerrada</span>
                            @break                           
                        @endswitch
                    @else
                    <span class="label bg-blue">Aberta</span>
                    @endif
                </div>
            </div>
            <div class="body">
                <form id="form_principal" autocomplete="off">
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation">
                                    <a href="#home_with_icon_title" data-toggle="tab" class="show active">
                                        <i class="material-icons">home</i> DADOS PRINCIPAIS
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#profile_with_icon_title" data-toggle="tab" class="">
                                        <i class="material-icons">face</i> OUTROS
                                    </a>
                                </li>
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade in active show" id="home_with_icon_title">
                                    <div class="row clearfix">
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly name="id" class="form-control"
                                                        value="{{ old('id',(isset($faturamento)) ? $faturamento->id : '') }}">
                                                    <label class="form-label">ID</label>
                                                </div>
                                            </div>
                                        </div>                                        
                                        <div class="col-sm-4" style="top:-14px">
                                            <div class="file-field input-field">
                                                <div class="btn btn-primary">
                                                    <span>Arquivo</span>
                                                    <input type="file" name="fileUpload" id="fileUpload">
                                                </div>
                                                <div class="file-path-wrapper">
                                                    <input class="file-path validate certificado_xml" placeholder="Chave NF-e"
                                                        value="@if(isset($empresa) && !empty($empresa->certificado))Chave NF-e já informado!@endif">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="id_fornecedor" type="text" readonly name="id_fornecedor"
                                                        class="form-control" red title="Este campo é obrigatório"
                                                        value="{{ old('id_fornecedor',(isset($entrada_nfe)) ? $entrada_nfe->id_fornecedor : '') }}">
                                                    <label class="form-label">ID</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="razao_cliente" required title="Esse campo é obrigatório"
                                                        style="display:inline; width: calc(100% - 40px)" type="text"
                                                        value="{{ old('razao_cliente', (isset($faturamento)) ? $faturamento->razao_cliente : '') }}"
                                                        class="form-control" readonly>
                                                    <label class="form-label">Razão social / Nome</label>
                                                    <button type="button"
                                                        class="btn btn-primary btn-circle waves-effect waves-circle waves-float"
                                                        data-toggle="modal" data-target=".bd-busca-cliente-modal-lg">
                                                        <i class="material-icons">search</i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="serie" id="serie" class="form-control"                                                   
                                                    value="{{old('serie', (isset($faturamento)) ?$faturamento->serie :1) }}">                                                
                                                    <label class="form-label">Série</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="numero" id="numero" class="form-control"
                                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                                    <label class="form-label">Número</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select tabindex="-1" name="id_tipo_frete" id="id_tipo_frete">
                                                        <option>---Selecione---
                                                        </option>
                                                        @if (isset($fretes))
                                                        @foreach($fretes as $frete)
                                                        <option value="{{$frete->id}}" data-foo="{{$frete->id}}" {{{$frete->id ==
                                                            old('id_tipo_frete', (isset($faturamento)) ?
                                                            $faturamento->id_tipo_frete : '9') ? 'selected' : ''
                                                            }}}>{{$frete->descricao}}</option>
                                                        @endforeach
                                                        @endif
                                                    </select>
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Tipo de
                                                        frete</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="data_entrada" id="data_entrada" type="date" class="form-control" placeholder="Selecione a data"
                                                        value="{{ old('data_emissao', (isset($faturamento)) ? date('Y-m-d', strtotime($faturamento->data_emissao)) : date('Y-m-d')) }}">
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Data Entrada</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="data_emissao" id="data_emissao" type="date" class="form-control" placeholder="Selecione a data"
                                                        value="{{ old('data_emissao', (isset($faturamento)) ? date('Y-m-d', strtotime($faturamento->data_emissao)) : date('Y-m-d')) }}">
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Data Emissão</label>
                                                </div>
                                            </div>
                                        </div>                                   
                                        <div class="col-sm-3">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="data_saida" id="data_saida" type="date" class="form-control"
                                                        placeholder="Selecione a data"
                                                        value="{{ old('data_saida', (isset($faturamento)) ? date('d/m/Y', strtotime($faturamento->data_saida)) : date('Y-m-d')) }}">
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Data Saída</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade" id="profile_with_icon_title">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="form-line">
                                                <textarea name="observacao" rows="4" class="form-control no-resize"
                                                    placeholder="Observação para nota fiscal">{{ old('data_saida', (isset($faturamento)) ? $faturamento->observacao : '') }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 text-center">
                            <span>TOTALIZADORES DA NOTA FISCAL DE ENTRADA</span>
                            <hr>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_base_icms" id="valor_base_icms" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) BASE ICMS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_icms" id="valor_icms" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) ICMS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_base_subt" id="valor_base_subt" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) BASE SUBT</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_icms_subt" id="valor_icms_subt" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) ICMS SUBT</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_frete" id="valor_frete" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) FRETE</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_desconto" id="valor_desconto" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) DESCONTO</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_ipi" id="valor_ipi" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) IPI</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_outras_dispesas" id="valor_outras_dispesas" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) OUT DESP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_total_produtos" id="valor_total_produtos" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) TOL PRODUTOS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input name="valor_total_nota" id="valor_total_nota" type="text" class="money2"
                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">(R$) TOTAL NOTA</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 text-center">
                            <span>ITENS DA NOTA FISCAL</span>
                            <hr>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input style="display:inline; width: calc(100% - 40px   )" type="text"
                                            class="form-control" id="busca_produto">
                                        <label class="form-label">Buscar produto: cod, ean ou descrição</label>
                                        <button type="button" id="bt_busca_produto"
                                            class="btn btn-primary btn-circle waves-effect waves-circle waves-float">
                                            <i class="material-icons">search</i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive col-sm-12 ">
                            <table id="produto_faturamento" name="produto_faturamento"
                                class="table table-bordered table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th name="numero">#</th>
                                        <th name="cod_forn">Cod. Forn</th>
                                        <th name="cod_int">Cod. Int</th>
                                        <th name="descricao">Descrição</th>
                                        <th name="cfop">CFOP</th>
                                        <th name="qtd">Qtd.</th>
                                        <th name="fat">Fat Conversão</th>
                                        <th name="valor">Valor Un</th>
                                        <th name="desc">Desconto</th>
                                        <th name="valor_total">Total</th>                                    
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if (isset($itens_faturamento))
                                    @foreach ($itens_faturamento as $item_faturamento)
                                    <tr>
                                        <td name="id" class="id_item" style="display:none;">{{$item_faturamento->id}}
                                        </td>
                                        <td name="id_produto">{{$item_faturamento->id_produto}}</td>
                                        <td name="descricao">{{$item_faturamento->descricao_longa}}</td>
                                        <td name="ean">{{$item_faturamento->ean}}</td>
                                        <td id="{{$item_faturamento->idunidade}}" name="id_unidade">
                                            {{$item_faturamento->unidade}}</td>
                                        <td id="{{$item_faturamento->idcfop}}" name="id_cfop">
                                            {{$item_faturamento->cfop}}</td>
                                        <td id="{{$item_faturamento->idcsosn}}" name="id_csosn">
                                            {{$item_faturamento->csosn}} </td>
                                        <td name="valor_unitario">{{Str::formatBRCurrency2(
                                            $item_faturamento->valor_venda)}}</td>
                                        <td name="quantidade">{{$item_faturamento->quantidade}}</td>
                                        <td name="valor_desconto">{{Str::formatBRCurrency2(
                                            $item_faturamento->valor_desconto)}}</td>
                                        <td name="valor_total" class="total">{{Str::formatBRCurrency2(
                                            $item_faturamento->valor_total)}}</td>
                                        <td style="width:50px">
                                            <button type="button"
                                                class="bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_item">
                                                <i class="material-icons">
                                                    delete_sweep</i>
                                            </button>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th name="numero">#</th>
                                        <th name="cod_forn">Cod. Forn</th>
                                        <th name="cod_int">Cod. Int</th>
                                        <th name="descricao">Descrição</th>
                                        <th name="cfop">CFOP</th>
                                        <th name="qtd">Qtd.</th>
                                        <th name="fat">Fat Conversão</th>
                                        <th name="valor">Valor Un</th>
                                        <th name="desc">Desconto</th>
                                        <th name="valor_total">Total</th>                                    
                                        <th></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="col-md-12">
                            <div class="pull-right m-t-30 text-right">
                                <p>Sub-total: R$ <span id="subtotal">0,00</span></p>
                                <p>Desconto : R$ 0,00 </p>
                                <hr>
                                <h3>
                                    <b>Total :</b> R$ <span id="total">0,00</span>
                                </h3>
                            </div>
                            <div class="clearfix"></div>
                            <hr>
                        </div>
                        <hr>
                    </div>
                    <div class="pull-right">
                        @yield('botoes')
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <div class="modal fade bd-busca-cliente-modal-lg" tabindex="-1" role="dialog"
            aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 80%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Filtro cliente</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 clearfix">
                            <div class="col-sm-9">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input id="filtro_cliente" type="text" class="form-control" value="">
                                        <label class="form-label">Filtro ex: Razão social, nome ou cnpj</label>
                                    </div>
                                </div>
                            </div>
                            <div class="pull-right">
                                <button class="btn btn-primary waves-effect"> <i class="material-icons">search</i>
                                    <span>BUSCAR</span></button>
                            </div>
                        </div>
                        <table id="busca_cliente" class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th class="select-filter">Razão social</th>
                                    <th class="select-filter">CNPJ/CPF</th>
                                    <th>Municipio</th>
                                    <th>Bairro</th>
                                    <th style="width:50px"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (isset($clientes))
                                @foreach ($clientes as $cliente)
                                <tr>
                                    <td scope="row" class="id_cliente">{{$cliente->id}}</td>
                                    <td class="razao_nome"> {{$cliente->razao_nome}} </td>
                                    <td>{{Str::formatBRCNPJ($cliente->cpf_cnpj)}}</td>
                                    <td>{{$cliente->nome}}</td>
                                    <td>{{$cliente->bairro}}</td>
                                    <td style="width:50px">
                                        <button
                                            class="btn btn-primary btn-circle waves-effect waves-circle waves-float selecionar_cliente">
                                            <i class="material-icons"> done</i>
                                        </button>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <div class="modal fade bd-vinculo-produtos-modal-lg" data-backdrop="static" tabindex="-1" role="dialog"
            aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 80%;">

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Vinculo Produtos</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <table id="table_vinculo_produto" class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Cod Forn</th>
                                    <th>Código Barras</th>
                                    <th>Descrição</th>
                                    <th></th>
                                    <th></th>
                                    <th>Cod Sis</th>
                                    <th>Descrição Interna</th>
                                    
                                </tr>
                            </thead>
                            <tbody>   
                            </tbody>
                        </table>
                        <div class="col-sm-12">
                            <div class="pull-right">
                                <button class="btn bg-brown waves-effect bt_vincular" 
                                    type="button"> <i class="material-icons">add</i>
                                    <span>AUTO VINCULAR</span></button>
                                <button class="btn bg-orange waves-effect bt_cadastrar_todos"
                                    type="button"> <i class="material-icons cadastrar_todos">done_all</i>
                                    <span>CADASTRAR TODOS</span></button>
                                <button class="btn btn-danger waves-effect" data-dismiss="modal"
                                    type="button"> <i class="material-icons">cancel</i>
                                    <span>CANCELAR</span></button>
                                <button class="btn bg-green waves-effect" id="confirma_vinculo"
                                    type="button"> <i class="material-icons">done</i>
                                    <span>CONFIRMAR</span></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bd-busca-produto-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 80%;">

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Filtro produto</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 clearfix">
                            <div class="col-sm-9">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input id="filtro_produto" type="text" class="form-control" value="">
                                        <label class="form-label">Filtro ex: descrição, cod ou ean</label>
                                    </div>
                                </div>
                            </div>
                            <div class="pull-right">
                                <button type="button" class="btn btn-primary waves-effect" id="bt_filtro_produto"> <i class="material-icons">search</i>
                                    <span>BUSCAR</span></button>
                            </div>                            
                        </div>
                        <div class="table-responsive">
                            <table id="table_busca_produto" class="table table-bordered table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th class="select-filter">Descrição</th>
                                        <th class="select-filter">Codigo de barras</th>
                                        <th class="select-filter">Unidade</th>
                                        <th>Quantidade</th>
                                        <th>valor</th>
                                        <th style="width:50px"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>  
@endsection
@section('js')
<script>

var produto_vinculo_selecionado = null;
var dados_nfe = null;

$(function () {
    var form;
    $('#fileUpload').change(function (event) {
        $.LoadingOverlay("show");
        form = new FormData();
        form.append('fileUpload', event.target.files[0]); 
        form.append('_token', '{{ csrf_token() }}');
        $.ajax({
            url: "{{ route('xml_entrada_nfe') }}", 
            data: form,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (data) {   
                var retorno = JSON.parse(data);
                var produtos = retorno.produtos;
                var id_fornecedor = retorno.id_fornecedor;

                let teste = $(".id_fornecedor").val(id_fornecedor);

                if (produtos.length == 0) {
                    swal("Nenhum produto encontrado", 'Verifique e tente novamente!', "warning");
                    $("#fileUpload").val("");
                } else {
                    exibir_produtos_xml(produtos);
                    dados_nfe = retorno.dados;
                    $("#id_fornecedor").val(retorno.id_fornecedor);
                    $("#id_fornecedor").focus();
                    $("#razao_cliente").val(retorno.razao_nome);
                    $("#razao_cliente").focus();
                    $('.bd-vinculo-produtos-modal-lg').modal('show'); 
                }
                $.LoadingOverlay("hide");
            }
            
        });
    });
});

function exibir_produtos_xml(produtos){
    $("#table_vinculo_produto").find('tbody').empty();
    $.each(produtos, function( key, produto ) {        

        if (!produto.cod_interno) {
            var cod_interno = $('<td class="cod_interno">');
            var descricao_interna = $('<td class="descricao_interna">');
        } else {
            var cod_interno = $('<td class="cod_interno">').append(produto.cod_interno);
            var descricao_interna = $('<td class="descricao_interna">').append(produto.descricao_interna);
        }

        $("#table_vinculo_produto").find('tbody')
            .append($("<tr class='idproduto cod_prod_"+produto.cProd+"' data-row='"+btoa(JSON.stringify(produto))+"'>")
                .append($('<td>')
                    .append(produto.cProd)
                ).append($('<td>')
                    .append(produto.cEAN)
                ).append($('<td>')
                    .append(produto.xProd)
                ).append($('<td style="width:50px">')
                    .append(    
                            '<button type="button" class="btn bg-light-blue btn-circle waves-effect waves-circle waves-float bt_buscar_produto"> <i class="material-icons"> search</i></button>'
                        )
                ).append($('<td style="width:50px">')
                    .append(    
                        '<button type="button" class="btn bg-teal btn-circle waves-effect waves-circle waves-float bt_cadastrar_produto"> <i class="material-icons"> add</i></button>'
                    )
                ).append( cod_interno
                ).append( descricao_interna
            ));
    });
}

function enviar_produtos(produtos) {
    $.LoadingOverlay("show");
    let id_fornecedor = $("#id_fornecedor").val();
    if (produtos.length > 0) {
        $.ajax({
            url: "{{ route('cadastrar-todos_entrada_nfe') }}", 
            data: {
                    "id_fornecedor": id_fornecedor,
                    "produtos": produtos,
                    "_token": "{{ csrf_token() }}",
                },
            type: 'POST',
            success: function (data) {
                if (data.success) {
                    
                    $(data.retorno).each(function( key, produto ) {
                        $('.cod_prod_'+produto.cod_fab).closest("tr").find(".cod_interno").html(produto.id_produto);
                        $('.cod_prod_'+produto.cod_fab).closest("tr").find(".descricao_interna").html(produto.descricao_longa);  
                        
                        $('.cod_prod_'+produto.cod_fab).each(function( key, item ) {
                            let produto_aux = JSON.parse(atob($(item).data("row")));
                            produto_aux.cod_interno = produto.id_produto;
                            $(item).data("row", btoa(JSON.stringify(produto_aux)));      
                        });
                    });  
                }

                swal("Produto cadastrado com sucesso!", "", "success");
                $.LoadingOverlay("hide");            
            },
            error: function(data) {
                swal("Falha ao cadastrar o produto", data.responseJSON.message, "error");
                $.LoadingOverlay("hide");
            }
        });
    } else {
        swal("Todos os itens já estão cadastrados!", "", "info"); 
        $.LoadingOverlay("hide");
    }
}

$(document).on('click', '.bt_cadastrar_todos', function() {
    let produtos = [];    

    $('.idproduto').each(function( key, produto ) {
        let produto_aux = JSON.parse(atob($(this).data("row")));
        if (!produto_aux.cod_interno) {
            produtos.push(produto_aux);
        }        
    });
    
    enviar_produtos(produtos);
});

$(document).on('click', '.bt_cadastrar_produto', function() {
    let produtos = [];

    let produto_aux = JSON.parse(atob($(this).closest("tr").data('row')));
    produtos.push(produto_aux);
    if (!produto_aux.cod_interno) {        
        enviar_produtos(produtos);
    } else {
        swal({
            title: "Produto já vinculado, deseja cadastrar mesmo assim?",
            text: "",
            type: "warning",
            showCancelButton: true,
            closeOnConfirm: false,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Sim",
            cancelButtonText: "Cancelar",
            showLoaderOnConfirm: true,
        }, function() {
            enviar_produtos(produtos);
        });
    }    
});

$(document).on('click', '.bt_buscar_produto', function() {
    produto_vinculo_selecionado = $(this);
    let produtos = [];
    let produto_aux = JSON.parse(atob($(this).closest("tr").data('row')));
    produtos.push(produto_aux);
    if (!produto_aux.cod_interno) { 
        var e = jQuery.Event("keypress");
        e.which = 13; // # Some key code value
        $('#busca_produto').val('');
        $('#filtro_produto').trigger(e);         
        $('.bd-busca-produto-modal-lg').modal('show'); 
    } else {
        swal({
            title: "Produto já vinculado, deseja revincular mesmo assim?",
            text: "",
            type: "warning",
            showCancelButton: true,
            closeOnConfirm: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Sim",
            cancelButtonText: "Cancelar",
            showLoaderOnConfirm: false,
        }, function() {      
            var e = jQuery.Event("keypress");
            e.which = 13; // # Some key code value
            $('#busca_produto').val('');
            $('#filtro_produto').trigger(e);      
            $('.bd-busca-produto-modal-lg').modal('show');  
        });
    }    
});

$(document).on('click', '.bt_vincular', function() {

    swal({
            title: "Deseja auto vincular os produto?",
            text: "Os produtos serão vinculados com base no código de barras!",
            type: "warning",
            showCancelButton: true,
            closeOnConfirm: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Sim",
            cancelButtonText: "Cancelar",
            showLoaderOnConfirm: false,
        }, function() {         
            let produtos = [];
            let id_fornecedor = $("#id_fornecedor").val();

            $('.idproduto').each(function( key, produto ) {
                let produto_aux = JSON.parse(atob($(this).data("row")));
                if (!produto_aux.cod_interno) {
                    produtos.push(produto_aux);
                }        
            });

            $.LoadingOverlay("show");
            if (produtos.length > 0) {
                $.ajax({
                    url: "{{ route('vincular-produtos_entrada_nfe') }}", 
                    data: {
                            "id_fornecedor": id_fornecedor,
                            "produtos": produtos,
                            "_token": "{{ csrf_token() }}",
                        },
                    type: 'POST',
                    success: function (data) {
                        
                        if (data.success) {
                    
                            $(data.retorno).each(function( key, produto ) {
                                $('.cod_prod_'+produto.cod_fab).closest("tr").find(".cod_interno").html(produto.id_produto);
                                $('.cod_prod_'+produto.cod_fab).closest("tr").find(".descricao_interna").html(produto.descricao_longa);  
                                
                                $('.cod_prod_'+produto.cod_fab).each(function( key, item ) {
                                    let produto_aux = JSON.parse(atob($(item).data("row")));
                                    produto_aux.cod_interno = produto.id_produto;
                                    $(item).data("row", btoa(JSON.stringify(produto_aux)));      
                                });
                            });  
                        }
                        swal("Produtos vinculados com sucesso!", "", "success");
                        $.LoadingOverlay("hide");            
                    },
                    error: function(data) {
                        swal("Falha ao cadastrar o produto", data.responseJSON.message, "error");
                        $.LoadingOverlay("hide");
                    }
                });
            } else {
                swal("Todos os itens já estão cadastrados!", "", "info"); 
                $.LoadingOverlay("hide");
            }
        });
    
});


$('#filtro_produto').keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == '13') {
        event.preventDefault();
        $.LoadingOverlay("show");
        $.getJSON("{{ route('busca-produto_entrada_nfe') }}", {
                filtro: $(this).val(),
            }, function(response) {
                if (response.produtos.length == 0) {
                    swal("Nenhum produto encontrado", 'Verifique e tente novamente!', "warning");
                    $("#busca_produto").val("");
                } else {
                    exibir_busca_produto(response.produtos);
                }
                $.LoadingOverlay("hide");
            })
            .fail(function() {
                $.LoadingOverlay("hide");
                swal("Falha ao consultar o produto", '', "error");
            });
    }
});

function exibir_busca_produto(produtos){
    $("#table_busca_produto").find('tbody').empty();
    $.each(produtos, function( key, produto ) {
        $("#table_busca_produto").find('tbody')
            .append($("<tr data-row='"+btoa(JSON.stringify(produto))+"'>")
                .append($('<td name="id_produto">')
                    .append(produto.id)
                ).append($('<td>')
                    .append(produto.descricao_longa)
                ).append($('<td>')
                    .append(produto.ean)
                ).append($('<td>')
                    .append(produto.unidade)
                ).append($('<td>')
                    .append(produto.qtd)
                ).append($('<td>')
                    .append(formatTomoney(produto.valor_venda))
                ).append($('<td style="width:50px">')
                    .append('<button type="button" class="btn btn-primary btn-circle waves-effect waves-circle waves-float selecionar_produto"> <i class="material-icons"> done</i></button>')
                )
            );
    });
    $('.bd-busca-produto-modal-lg').modal('show');
}

$(document).on('click', '.selecionar_produto', function() {   

    let id_fornecedor = $("#id_fornecedor").val();
    let produto = JSON.parse(atob($(this).closest("tr").data("row")));  
    let cod_fab = JSON.parse(atob(produto_vinculo_selecionado.closest("tr").data("row"))).cProd;

    $.ajax({
        url: "{{ route('vincular-produto_entrada_nfe') }}", 
        data: {
            "id_fornecedor": id_fornecedor,
                "id_produto": produto.id,
                "cod_fab" : cod_fab,
                "_token": "{{ csrf_token() }}"
            },
        type: 'POST',
        success: function (data) {
            if (data.success) {
                $('.cod_prod_'+cod_fab).closest("tr").find(".cod_interno").html(produto.id);
                $('.cod_prod_'+cod_fab).closest("tr").find(".descricao_interna").html(produto.descricao_longa);                        
                
                $('.cod_prod_'+cod_fab).each(function( key, item ) {
                    let produto_aux = JSON.parse(atob($(item).data("row")));
                    produto_aux.cod_interno = produto.id;
                    produto_aux.descricao_interna = produto.descricao_longa;
                    $(item).data("row", btoa(JSON.stringify(produto_aux)));      
                });
                
                $('.bd-busca-produto-modal-lg').modal('hide');
                $.LoadingOverlay("hide");       
            } else {
                swal("Falha ao vincular o produto", '', "error");
                $.LoadingOverlay("hide");
            }                
        },
        error: function(data) {
            swal("Falha ao vincular o produto", '', "error");
            $.LoadingOverlay("hide");
        }
    });
});

$('#confirma_vinculo').on('click', function() {
    let produtos = [];    
    let check_vinculo = true;

    $('.idproduto').each(function( key, produto ) {
        let produto_aux = JSON.parse(atob($(this).data("row")));
        if (!produto_aux.cod_interno) {
            check_vinculo = false;
            return false;
        }
        produtos.push(produto_aux);    
    });

    if (check_vinculo) {

        $("#serie").val(dados_nfe.serie);
        $("#serie").focus();
         
        $("#numero").val(dados_nfe.nNF);
        $("#numero").focus();

        $("#valor_base_icms").val(dados_nfe.totais.vBC);
        $("#valor_base_icms").focus();

        $("#valor_icms").val(dados_nfe.totais.vICMS);
        $("#valor_icms").focus();

        $("#valor_base_subt").val(dados_nfe.totais.vBCST);
        $("#valor_base_subt").focus();

        $("#valor_icms_subt").val(dados_nfe.totais.vST);
        $("#valor_icms_subt").focus();

        $("#valor_frete").val(dados_nfe.totais.vFrete);
        $("#valor_frete").focus();

        $("#valor_desconto").val(dados_nfe.totais.vDesc);
        $("#valor_desconto").focus();

        $("#valor_ipi").val(dados_nfe.totais.vIPI);
        $("#valor_ipi").focus();

        $("#valor_outras_dispesas").val(dados_nfe.totais.vOutro);
        $("#valor_outras_dispesas").focus();

        $("#valor_total_produtos").val(dados_nfe.totais.vProd);
        $("#valor_total_produtos").focus();

        $("#valor_total_nota").val(dados_nfe.totais.vNF);
        $("#valor_total_nota").focus();

        $("#data_emissao").val(formatDate(new Date(dados_nfe.dhEmi)));
        $("#data_emissao").focus();

        $("#data_saida").val(formatDate(new Date(dados_nfe.dhSaiEnt)));
        $("#data_saida").focus();

        $('#id_tipo_frete option[data-foo="' + dados_nfe.tipo_frete + '"]').prop('selected', true);
        $('#id_tipo_frete').formSelect();
        

        $('.bd-vinculo-produtos-modal-lg').modal('hide'); 

        produtos.forEach(function(item) {
            incluir_produto(item);
            console.log(item);
        });   
        
    } else {
        swal("Não é possível confimar!", 'Favor vincular todos os produtos antes de confirmar!', "error"); 
    }
});



$('#bt_busca_produto').on('click', function() {
    var e = jQuery.Event("keypress");
    e.which = 13; // # Some key code value
    $('#busca_produto').trigger(e);
});

$('#bt_filtro_produto').on('click', function() {
    var e = jQuery.Event("keypress");
    e.which = 13; // # Some key code value
    $('#filtro_produto').trigger(e);
});


calc_total();

function incluir_produto(produto) {
    $("#produto_faturamento").find('tbody')
        .append($('<tr>')
            .append($('<td name="numero">')
                .append(produto.numero)
            ).append($('<td name="cod_forn">')
                .append(produto.cProd)
            ).append($('<td name="cod_int">')
                .append(produto.cod_interno)
            ).append($('<td name="descricao">')
                .append(produto.descricao_interna)
            ).append($('<td name="cfop">')
                .append(produto.CFOP)
            ).append($('<td name="quantidade">')
                .append(produto.qCom)
            ).append($('<td name="fat_conversao">')
                .append('1')
            ).append($('<td name="valor_unitario">')
                .append(formatTomoney(produto.vUnCom))
            ).append($('<td name="valor_desconto">')
                .append('0.00')
            ).append($('<td name="valor_total" class="total">')
                .append(formatTomoney(produto.vProd))
            ).append($('<td style="width:50px">')
                .append(
                    '<button type="button" class="btn bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_item"> <i class="material-icons"> delete_sweep</i></button>'
                )
            )
        );
    $("#busca_produto").val("");
    calc_total();
}

$(document).on('click', '.bt_deletar_item', function() {
    let item = $(this).closest("tr").find(".id_item");
    if (item.length == 0) {
        $(this).closest("tr").remove();
    } else {
        $(this).closest("tr").find(".total").removeClass("total");
        $(this).closest("tr").hide();
        $(this).closest("tr").append($('<td name="deletar">').append('1'));
    }
    calc_total();
});

$('.bd-busca-produto-modal-lg').on('shown.bs.modal', function() {
    $('#filtro_produto').focus();
    $("#filtro_produto").val("");
});

$('.bd-busca-produto-modal-lg').on('hidden.bs.modal', function() {
    produto_vinculo_selecionado = null;
    $("#filtro_produto").val("");
    $('#filtro_produto').focus();
});

function calc_total() {
    var sum = 0;
    $(".total").each(function() {
        sum += parseFloat($(this).text());
    });
    $('#subtotal').text(Number(sum).toFixed(2));
    $('#total').text(Number(sum).toFixed(2));
}


$.fn.dataTable.ext.search.push(
    function(settings, data, dataIndex) {
        var filtro = $('#filtro_cliente').val().toLowerCase();

        var cnpj = data[1].toLowerCase();
        var nome = data[2].toLowerCase().replace('.', '').replace('/', '').replace('-', '');
        if ((cnpj.indexOf(filtro) != -1) || (nome.indexOf(filtro) != -1)) {
            return true;
        }
        return false;
    }
);

var table = $('#busca_cliente').DataTable({
    responsive: true,
    searching: true,
    dom: 'lrtip',
    ordering: false,
    lengthChange: false,
    pageLength: 10,
    autoWidth: false,
    language: {
        emptyTable: "Não há registros",
        info: "Exibindo _START_ - _END_ de _TOTAL_ ",
        infoEmpty: "Exibindo 0 registros",
        paginate: {
            previous: "Anterior",
            first: "Primeira",
            last: "Última",
            next: "Próxima",
        }
    }
});

$('#filtro_cliente').on('keyup', function() {
    table.draw();
});

$('.bd-busca-cliente-modal-lg').on('shown.bs.modal', function() {
    $('#filtro_cliente').focus();
});

$('.bd-busca-produtoe-modal-lg').on('shown.bs.modal', function() {
    $('#filtro_produto').focus();
});

$('.selecionar_cliente').on('click', function() {
    let id_cliente = $(this).closest("tr").find(".id_cliente").text();
    let razao_cliente = $(this).closest("tr").find(".razao_nome").text();
    $('#razao_cliente').val(razao_cliente).trigger("focus");
    $('#id_cliente').val(id_cliente).trigger("focus");
    $('.bd-busca-cliente-modal-lg').modal('hide');
});

$('.salvar_entrada').on('click', function() {
    try {
        let nfe = $(this).attr('nfe');
        let id_finalidade = $("#tipo_nfe option:selected").val();
        //if (nfe == 0 || calc_get_restante_pagamento() == 0 || id_finalidade == 4) {
        if (true) {
            let table = {
                html: $('#produto_faturamento').html()
            };
            var faturamento = {
                items: [],
                info: {}
            };
            $("#form_principal").valid();

            $("#produto_faturamento tr").each(function() {
                if ($(this).children('td').length > 0) {
                    let item = {};
                    $(this).children('td').each(function() {
                        if ($(this).attr('name') !== undefined) {
                            if ($(this).attr('id') !== undefined) {
                                if($(this).attr('id') == 'null' || $(this).attr('id') == ''){
                                    item[$(this).attr('name')] = null;
                                } else {
                                    item[$(this).attr('name')] = $(this).attr('id');
                                }
                            } else {
                                item[$(this).attr('name')] = $(this).text();
                            }
                        }
                    });
                    faturamento.items.push(JSON.stringify(item));
                }
            });
           /*  $("#forma_pagamento_faturamento tr").each(function() {
                if ($(this).children('td').length > 0) {
                    let pagamento = {};
                    $(this).children('td').each(function() {
                        if ($(this).attr('name') !== undefined) {
                            if ($(this).attr('id') !== undefined) {
                                pagamento[$(this).attr('name')] = $(this).attr('id');
                            } else {
                                pagamento[$(this).attr('name')] = $(this).text();
                            }
                        }
                    });
                    faturamento.pagamentos.push(JSON.stringify(pagamento));
                }
            }); */
            faturamento.info = $('#form_principal').serializeJSON();

            var valor_total_produtos = 0;
            $(".total").each(function() {
                valor_total_produtos += parseFloat($(this).text().replace(',', ''));
            });

            let valor_outras_dispesas = parseFloat($('#valor_outras_dispesas').val().replace(',', '.'));
            let valor_frete = parseFloat($('#valor_frete').val().replace(',', '.'));
            let valor_desconto = parseFloat($('#valor_desconto').val().replace(',', '.'));

            faturamento.info.sub_total = valor_total_produtos;
            faturamento.info.valor_total = valor_total_produtos - valor_desconto + valor_frete + valor_outras_dispesas;          
            /* 
            if($("#contas_receber").is(":checked")) {
                faturamento.info.contas_receber = 1;
            } else {
                faturamento.info.contas_receber = 0;
            } */

            $.LoadingOverlay("show");
            $.ajax({
                type: 'POST',
                url: "{{ route('salvar_entrada_nfe') }}",
                data: ({
                    faturamento: faturamento,
                    "_token": "{{ csrf_token() }}"
                }),
                success: function(response) {
                    if(response != ''){
                        const j_response = JSON.parse(response);
                        if (j_response.error != null ) {
                            setTimeout(function() {
                                swal({
                                    title: "Falha ao emitir a nota fiscal!",
                                    text: j_response.error,
                                    type: "error",
                                    allowEscapeKey : false,
                                    allowOutsideClick: false
                                }, function() {
                                    window.location = "{{ route('editar_faturamento') }}?id="+j_response.id_faturamento;
                                });
                            }, 200);
                            $.LoadingOverlay("hide");
                        } else {
                            var link = document.createElement('a');
                            link.innerHTML = 'Download PDF file';
                            link.download = j_response.pdf_name;
                            link.href = 'data:application/pdf;base64,' + j_response.pdf_nfe;
                            document.body.appendChild(link);
                            link.click();
                            document.body.removeChild(link);
                            window.location.href = "{{ route('listar_faturamento') }}";
                        }
                    } else {
                        window.location.href = "{{ route('listar_faturamento') }}";
                        $.LoadingOverlay("hide");
                    }
                },
                error: function(data) {
                    swal("Falha ao salvar", data.responseJSON.message, "error");
                    $.LoadingOverlay("hide");
                }
            });
        } else {
            swal("Atenção", 'Complete o total de pagamentos antes de emitir a NF-e!', "warning");
        }
    } catch (e) {
        console.log(e);
    }
    return false;
});

</script>

@endsection