@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">Pendente</span>
                            @break
                            @case(1)
                            <span class="label bg-orange">Com erro</span>
                            @break
                            @case(2)
                            <span class="label bg-green">Emitida</span>
                            @break
                            @case(3)
                            <span class="label bg-red">Cancelado</span>
                            @break
                        @endswitch
                    @else
                    <span class="label bg-blue">Pendente</span>
                    @endif
                </div>
            </div>
            <div class="body">
                <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="#tab_pricipal" data-toggle="tab" class="show active">
                                    <i class="material-icons">home</i> DADOS PRINCIPAIS
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#tab_outro" data-toggle="tab" class="">
                                    <i class="material-icons">widgets</i> OUTROS
                                </a>
                            </li>
                            @if (!empty($faturamento) && $faturamento->status >= 2)
                            <li role="presentation">
                                <a href="#tab_anexo" data-toggle="tab" class="">
                                    <i class="material-icons">attachment</i> ANEXO
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#tab_pagamento" data-toggle="tab" class="">
                                    <i class="material-icons">attach_money</i> PAGAMENTO
                                </a>
                            </li>
                            @endif
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active show" id="tab_pricipal">
                                <form id="form_principal" autocomplete="off">
                                    <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-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="serie" class="form-control"
                                                    @if (session('empresa')->serie_padrao != 0)                                                
                                                        value="{{old('serie', (!empty(session('empresa')->serie_padrao)) ? session('empresa')->serie_padrao : 1)}}">
                                                    @else
                                                        value="{{old('serie', (isset($faturamento)) ?$faturamento->serie :1) }}">
                                                    @endif
                                                    <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" class="form-control"
                                                        value="{{old('numero', (isset($faturamento)) ? $faturamento->numero : '')}}">
                                                    <label class="form-label">Número</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input readonly type="text" name="chave" class="form-control"
                                                        value="{{ old('chave', (isset($faturamento)) ? $faturamento->chave : '') }}">
                                                    <label class="form-label">Chave de acesso</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="id_cliente" type="text" readonly name="id_cliente"
                                                        class="form-control" required title="Esse campo é obrigatório"
                                                        value="{{ old('id_cliente',(isset($faturamento)) ? $faturamento->id_cliente : '') }}">
                                                    <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>
                                                    @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                                                    <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>
                                                    @endif
                                                </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}}" {{{$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_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" type="date" class="form-control" placeholder="Selecione a data"
                                                        value="{{ old('data_saida', (isset($faturamento)) ? date('Y-m-d', 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 class="col-sm-3">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <select tabindex="-1" name="tipo_nfe" id="tipo_nfe">
                                                        <option value="1" {{{ '1'==old('tipo_nfe', (isset($faturamento))
                                                            ? $faturamento->tipo_nfe : '1') ? 'selected' : ''
                                                            }}}>Normal</option>
                                                        <option value="2" {{{'2'==old('tipo_nfe', (isset($faturamento))
                                                            ? $faturamento->tipo_nfe : '0') ? 'selected' : ''
                                                            }}}>Complementar</option>
                                                        <option value="3" {{{'3'==old('tipo_nfe', (isset($faturamento))
                                                            ? $faturamento->tipo_nfe : '0') ? 'selected' : ''
                                                            }}}>Ajuste</option>
                                                        <option value="4" {{{'4'==old('tipo_nfe', (isset($faturamento))
                                                            ? $faturamento->tipo_nfe : '0') ? 'selected' : ''
                                                            }}}>Devolução</option>

                                                    </select>
                                                    <label class="form-label"
                                                        style="top: -10px;left: 0;font-size: 12px;">Tipo de
                                                        NF-e</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 text-center">
                                            <span>TOTAIS</span>
                                            <hr>
                                        </div>
                                        @if (session('empresa')->regime != 0)
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly id="valor_base_icms" name="valor_base_icms" class="form-control money2"
                                                        value="{{ old('valor_base_icms', (isset($faturamento)) ? $faturamento->valor_base_icms : '0') }}">
                                                    <label class="form-label">Base ICMS</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly id="valor_icms" name="valor_icms" class="form-control money2"
                                                        value="{{ old('valor_icms', (isset($faturamento)) ? $faturamento->valor_icms : '0') }}">
                                                    <label class="form-label">Valor ICMS</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly name="valor_base_subt" class="form-control money2"
                                                        value="{{ old('valor_base_subt', (isset($faturamento)) ? $faturamento->valor_base_subt : '0') }}">
                                                    <label class="form-label">Base ICMS ST</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly name="valor_icms_subt" class="form-control money2"
                                                        value="{{ old('valor_icms_subt', (isset($faturamento)) ? $faturamento->valor_icms_subt : '0') }}">
                                                    <label class="form-label">Valor ICMS ST</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" readonly name="valor_ipi" class="form-control money2"
                                                        value="{{ old('valor_ipi', (isset($faturamento)) ? $faturamento->valor_ipi : '0') }}">
                                                    <label class="form-label">Valor IPI</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" id="valor_frete" name="valor_frete" class="form-control money2 calc_total"
                                                        value="{{ old('valor_frete', (isset($faturamento)) ? $faturamento->valor_frete : '0') }}">
                                                    <label class="form-label">Valor Frete</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" id="valor_desconto" name="valor_desconto" class="form-control money2 calc_total"
                                                        value="{{ old('valor_desconto', (isset($faturamento)) ? $faturamento->valor_desconto : '0') }}">
                                                    <label class="form-label">Valor Desconto</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" id="valor_outras_dispesas" name="valor_outras_dispesas" class="form-control money2 calc_total"
                                                        value="{{ old('valor_outras_dispesas', (isset($faturamento)) ? $faturamento->valor_outras_dispesas : '0') }}">
                                                    <label class="form-label">Valor Outras</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" disabled id="valor_total_produtos" name="valor_total_produtos" class="form-control money2"
                                                        value="{{ old('valor_total_produtos', (isset($faturamento)) ? $faturamento->valor_total_produtos : '') }}">
                                                    <label class="form-label">Valor Produtos</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" disabled id="valor_total_nota" name="valor_total_nota" class="form-control money2"
                                                        value="{{ old('valor_total_nota', (isset($faturamento)) ? $faturamento->valor_total_nota : '0') }}">
                                                    <label class="form-label">Valor Total Nota</label>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane fade" id="tab_outro">
                                <form id="form_outro" autocomplete="off">
                                    <div class="row clearfix">
                                        <div class="col-sm-1">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="id_transportadora" type="text" readonly name="id_transportadora"
                                                        class="form-control" value="{{ old('id_transportadora',(isset($faturamento)) ? $faturamento->id_transportadora : '') }}">
                                                    <label class="form-label">ID</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-5">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input id="razao_transportadora" style="display:inline; width: calc(100% - 40px)" type="text"
                                                        value="{{ old('razao_transportadora', (isset($faturamento)) ? $faturamento->razao_transportadora : '') }}"
                                                        class="form-control" readonly>
                                                    <label class="form-label">Transportadora</label>
                                                    @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                                                    <button type="button"
                                                        class="btn btn-primary btn-circle waves-effect waves-circle waves-float"
                                                        data-toggle="modal" data-target=".bd-busca-transportadora-modal-lg">
                                                        <i class="material-icons">search</i>
                                                    </button>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="especie" class="form-control"
                                                        value="{{ old('especie', (isset($faturamento)) ? $faturamento->especie : '') }}">
                                                    <label class="form-label">Especie</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="marca" class="form-control"
                                                        value="{{ old('marca', (isset($faturamento)) ? $faturamento->marca : '') }}">
                                                    <label class="form-label">Marca</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="peso_liquido" class="form-control qtd2"
                                                        value="{{ old('peso_liquido', (isset($faturamento)) ? $faturamento->peso_liquido : '') }}">
                                                    <label class="form-label">Peso Líquido</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="peso_bruto" class="form-control qtd2"
                                                        value="{{ old('peso_bruto', (isset($faturamento)) ? $faturamento->peso_bruto : '') }}">
                                                    <label class="form-label">Peso Bruto</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input type="text" name="nr_volumes" class="form-control integer"
                                                        value="{{ old('nr_volumes', (isset($faturamento)) ? $faturamento->nr_volumes : '') }}">
                                                    <label class="form-label">N° Itens</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group form-float">
                                                <div class="form-line">
                                                    <input name="nota_referencia"  type="text"
                                                        value="{{ old('nota_referencia', (isset($faturamento)) ? $faturamento->nota_referencia : '') }}"
                                                        class="form-control">
                                                    <label class="form-label">Chave - Nota devolução</label>
                                                </div>
                                            </div>
                                        </div>
                                        <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('observacao', (isset($faturamento)) ? $faturamento->observacao : '') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            @if (!empty($faturamento) && $faturamento->status >= 2)
                            <div role="tabpanel" class="tab-pane fade" id="tab_anexo">
                                <form id="form_anexo" autocomplete="off">
                                    <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>Anexos</strong>
                                                    </h2>
                                                </div>
                                                <div class="body">
                                                    <div id="aniimated-thumbnials" class="list-unstyled row clearfix">
                                                        @if(!empty('anexos'))
                                                        @foreach ($anexos as $anexo)
                                                        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" data-id="{{$anexo->id}}">
                                                            <a data-id="{{$anexo->id}}" href="{{URL::to('/')}}/storage/{{$anexo->filename}}" data-sub-html="{{$anexo->descricao}}">
                                                                <img class="img-responsive thumbnail" src="{{URL::to('/')}}/storage/{{$anexo->filename}}"
                                                                    alt="">
                                                            </a>
                                                        </div>
                                                        @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div action="{{route('upload-anexo_faturamento', ['id' => $faturamento->id, '_token' => csrf_token()])}}" id="dropzone-anexo" class="dropzone" method="post" enctype="multipart/form-data">
                                                <div class="dz-message">
                                                    <div class="drag-icon-cph">
                                                        <i class="material-icons">touch_app</i>
                                                    </div>
                                                    <h3>Jogue as imagens aqui ou clique para realziar o upload.</h3>
                                                    <em>(Area de envio de imagens, selecione sua imagem para realizar upload)
                                                    </em>
                                                </div>
                                                <div class="fallback">
                                                    <input name="file" type="file" multiple />
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </form>
                            </div>
                            @endif
                            @if (!empty($faturamento) && $faturamento->status >= 2)
                            <div role="tabpanel" class="tab-pane fade" id="tab_pagamento">
                                <form autocomplete="off">
                                    <table class="table table-bordered table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Descrição</th>
                                                <th>Data Pagamento</th>
                                                <th>Valor</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($pagamentos_faturamento as $pagamento)
                                            <tr>
                                                <td>{{$pagamento->id}}</td>
                                                <td>{{$pagamento->forma_pagamento}}</td>
                                                <td>{{Str::formatBRDate($pagamento->data_pagamento)}}</td>
                                                <td>{{Str::formatBRCurrency2($pagamento->valor_pagamento)}}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th>#</th>
                                                <th>Descrição</th>
                                                <th>Data Pagamento</th>
                                                <th>Valor</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </form>
                            </div>                       
                        @endif
                        </div>
                    </div>
                    <div class="col-sm-12 text-center">
                        <span>PRODUTOS</span>
                        <hr>
                    </div>
                    @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="col-sm-5">
                            <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>
                    @endif
                    <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="id">#</th>
                                    <th name="descricao">Descrição</th>
                                    <th name="cod_bar">Cod.Barras</th>
                                    <th name="un">Unidade</th>
                                    <th name="cfop">CFOP</th>
                                    @if (session('empresa')->regime == 0)
                                    <th name="csosn">CSOSN</th>
                                    @else
                                    <th name="cst">CST</th>
                                    @endif
                                    <th name="valor">Valor un.</th>
                                    <th name="qtd">Qtd</th>
                                    <th name="desc">Desconto</th>
                                    <th name="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>
                                    @if (session('empresa')->regime == 0)
                                    <td id="{{$item_faturamento->idcsosn}}" name="id_csosn">{{$item_faturamento->csosn}}</td>
                                    @else
                                    <td id="{{$item_faturamento->idcst}}" name="id_cst">{{$item_faturamento->cst}}</td>
                                    <td name="valor_base_icms" class="total_valor_base_icms" style="display:none;">{{$item_faturamento->valor_base_icms}}</td>
                                    <td name="aliquota_icms" style="display:none;">{{$item_faturamento->aliquota_icms}}</td>
                                    <td name="valor_icms" class="total_valor_icms" style="display:none;">{{$item_faturamento->valor_icms}}</td>
                                    <td id="{{$item_faturamento->id_cst_ipi}}" name="id_cst_ipi" style="display:none;">{{$item_faturamento->cst_ipi}}</td>
                                    <td name="aliquota_ipi" style="display:none;">{{$item_faturamento->aliquota_ipi}}</td>
                                    <td name="valor_ipi" style="display:none;">{{$item_faturamento->valor_ipi}}</td>
                                    @endif
                                    <td id="{{$item_faturamento->id_cst_pis}}"  style="display:none;" name="id_cst_pis">{{$item_faturamento->cst_pis}}</td>
                                    <td name="aliquota_pis" style="display:none;">{{$item_faturamento->aliquota_pis}}</td>
                                    <td id="{{$item_faturamento->id_cst_cofins}}"  style="display:none;" name="id_cst_cofins">{{$item_faturamento->cst_cofins}}</td>
                                    <td name="aliquota_cofins" style="display:none;">{{$item_faturamento->aliquota_cofins}}</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:100px">
                                        @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                                        <button type="button" class="bg-blue btn-circle waves-effect waves-circle waves-float editar_itens_faturamento">
                                            <i class="material-icons"> create</i>
                                        </button>
                                        <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>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>#</th>
                                    <th>Descrição</th>
                                    <th>Cod.Barras</th>
                                    <th>Unidade</th>
                                    <th>CFOP</th>
                                    @if (session('empresa')->regime == 0)
                                    <th>CSOSN</th>
                                    @else
                                    <th>CST</th>
                                    @endif
                                    <th>Valor un.</th>
                                    <th>Qtd</th>
                                    <th>Desconto</th>
                                    <th>Total</th>
                                    <th></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="col-md-12">
                       
                        <div class="pull-left m-t-30 text-left">
                            @if (!empty($faturamento) && !empty($faturamento->nome_usuario_vendedor))
                            <div><span>Vendedor: </span><span class="label bg-blue m-b-10"> {{$faturamento->nome_usuario_vendedor}}</span></div>
                            @endif
                            @if (!empty($faturamento) && $faturamento->status == 3)
                            <hr>
                            <div><span>Vendedor cancelamento: </span><span class="label bg-blue m-b-10"> {{$faturamento->nome_usuario_cancelamento}}</span></div>
                            <div><span>Motivo: </span><span class="label bg-red m-b-5">{{$faturamento->motivo_cancelamento}}</span></div>
                            @endif
                        </div>
                        
                        <div class="pull-right m-t-30 text-right">
                            <p>Sub-total: R$ <span id="subtotal">0,00</span></p>
                            <p>Desconto : R$ <span id="desconto">0,00</span></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>                
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
        @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
        <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 type="button" class="btn btn-primary waves-effect"> <i class="material-icons">search</i>
                                    <span>BUSCAR</span></button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <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">Nome Fantasia</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> {{$cliente->nome_fantasia}} </td>
                                        <td>{{Str::formatBRCNPJ($cliente->cpf_cnpj)}}</td>
                                        <td>{{$cliente->nome}}</td>
                                        <td>{{$cliente->bairro}}</td>
                                        <td style="width:50px">
                                            <button type="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="modal fade bd-busca-transportadora-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 transportadora</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_transportadora" 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 type="button" class="btn btn-primary waves-effect"> <i class="material-icons">search</i>
                                    <span>BUSCAR</span></button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table id="busca_transportadora" 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($transportadoras))
                                    @foreach ($transportadoras as $transportadora)
                                    <tr>
                                        <td scope="row" class="id_transportadora">{{$transportadora->id}}</td>
                                        <td class="razao_transportadora"> {{$transportadora->razao_nome}} </td>
                                        <td>{{Str::formatBRCNPJ($transportadora->cpf_cnpj)}}</td>
                                        <td>{{$transportadora->nome}}</td>
                                        <td>{{$transportadora->bairro}}</td>
                                        <td style="width:50px">
                                            <button type="button"
                                                class="btn btn-primary btn-circle waves-effect waves-circle waves-float selecionar_transportadora">
                                                <i class="material-icons"> done</i>
                                            </button>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        <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">
                            @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                            <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>
                            @endif
                        </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>
        @if (empty($faturamento) || $faturamento->status == 2)
        <div class="modal fade bd-cancelar-nfe-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 40%;">

                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Cancelar NF-e</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-12">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <form id="form_cancelamento">
                                        <textarea required title="Esse campo é obrigatório" id="motivo_cancelamento" min=15 rows="3" class="form-control no-resize"></textarea>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Motivo do cancelamento
                                        </label>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right">
                                <button type="button" id="cancelar_nfe" class="btn bg-orange waves-effect"> <i class="material-icons">cancel</i>
                                    <span>CANCELAR NFE</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
        <div class="modal fade bd-pagamento-nfe-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-lg" style="max-width: 60%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myLargeModalLabel">Forma de pagamento NF-e</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-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="select_forma_pagamento">
                                            @if (isset($formas_pagamentos))
                                            @foreach($formas_pagamentos as $forma_pagamento)
                                            <option value="{{$forma_pagamento->id}}">{{$forma_pagamento->descricao}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Forma pagamento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="date" id="data_forma_pagamento"
                                            class="form-control" placeholder="Selecione a data"
                                            value="{{ date('Y-m-d') }}">
                                        <label class="form-label"
                                            style="top: -10px;left: 0;font-size: 12px;">Data pagamento</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="valor_forma_pagamento" class="form-control money2" value="0">
                                        <label class="form-label">Valor</label>
                                    </div>
                                </div>
                            </div>
                            @if (empty($faturamento) || ($faturamento->status < 2 && empty($faturamento->numero_recibo)))
                            <div class="col-sm-3">
                                <button class="btn btn-primary waves-effect" id="bt_add_forma_pagamento" type="button"> <i class="material-icons">add</i>
                                <span>ADICIONAR</span></button>
                            </div>
                            @endif
                        </div>
                        <div class="table-responsive">
                            <table id="forma_pagamento_faturamento" class="table table-bordered table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>Forma pagamento</th>
                                        <th>Data</th>
                                        <th>Valor</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                @if (isset($pagamentos_faturamento))
                                @foreach ($pagamentos_faturamento as $pagamento_faturamento)
                                <tr>
                                    <td name="id" class="id_item" style="display:none;">{{$pagamento_faturamento->id}}</td>
                                    <td id="{{$pagamento_faturamento->id_forma_pagamento}}" name="id_forma_pagamento">{{$pagamento_faturamento->forma_pagamento}}</td>
                                    <td name="data_pagamento">{{Str::formatBRDate($pagamento_faturamento->data_pagamento)}}</td>
                                    <td name="valor_pagamento" class="total_pagamento"> {{Str::formatBRCurrency2($pagamento_faturamento->valor_pagamento)}} </td>
                                    <td style="width:40px"><button type="button" class="btn bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_pagamento"> <i class="material-icons"> delete_sweep</i></button></td>
                                </tr>
                                @endforeach
                                @endif
                                </tbody>
                            </table>
                        </div>
                        <br></br>
                        <div class="row clearfix">
                            <div class="col-sm-3">
                                <label style="text-align: center; width: 100%;" class="form-label font-15 font-bold">Valor Total</label><br>
                                <label id="pag_total" style="text-align: center; width: 100%;" class="label font-20 bg-grey m-b-10">R$ 0,00</label>
                            </div>
                            <div class="col-sm-3">
                                <label style="text-align: center; width: 100%;" class="form-label font-15 font-bold">Valor Pago</label><br>
                                <label id="pag_total_pago" style="text-align: center; width: 100%;" class="label font-20 bg-grey m-b-10">R$ 0,00</label>
                            </div>
                            <div class="col-sm-3">
                                <label style="text-align: center; width: 100%;" class="form-label font-15 font-bold">Valor Restante</label><br>
                                <label id="pag_total_restante" style="text-align: center; width: 100%;" class="label font-20 bg-grey m-b-10">R$ 0,00</label>
                            </div>
                            <div class="col-sm-3">
                                <label style="text-align: center; width: 100%;" class="form-label font-15 font-bold">Troco</label><br>
                                <label id="pag_troco" style="text-align: center; width: 100%;" class="label font-20 bg-deep-orange m-b-10">R$ 0,00</label>

                            </div>
                        </div>
                        <br></br>
                        <div class="pull-left">
                            <div class="form-check m-l-10">
                                <label class="form-check-label">
                                    <input class="form-check-input" id="fiscal" @if(!empty($faturamento) && $faturamento->fiscal == 1) checked @endif type="checkbox" value="1"> Gerar NF-e
                                        <span class="form-check-sign">
                                            <span class="check"></span>
                                        </span>
                                </label>
                            </div>
                            <div class="form-check m-l-10">
                                <label class="form-check-label">
                                    <input class="form-check-input" id="contas_receber" @if(!empty($faturamento) && $faturamento->contas_receber == 1) checked @endif type="checkbox" value="1"> Gerar Contas a Receber
                                        <span class="form-check-sign">
                                            <span class="check"></span>
                                        </span>
                                </label>
                            </div>
                        </div>
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal"> <i class="material-icons">cancel</i>
                                    <span>CANCELAR</span></button>
                            <button type="button" class="btn bg-green waves-effect salvar_nfe" nfe="1"> <i class="material-icons">save</i>
                                    <span>EMITIR NF-E</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade bd-itens-nfe-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">Editar item NF-e</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-1">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input readonly type="text" readonly id="itens_id_produto" class="form-control" value="">
                                        <label class="form-label">Cod</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input readonly type="text" id="itens_descricao_longa" class="form-control" value="">
                                        <label class="form-label">Produto</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input readonly type="text" id="itens_cod_barras" class="form-control" value="">
                                        <label class="form-label">Cod.Barras</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="itens_id_unidade">
                                            @if (isset($unidades))
                                            @foreach($unidades as $unidade)
                                            <option value="{{$unidade->id}}">{{$unidade->nome}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Unidade</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="itens_id_cfop">
                                            @if (isset($cfops))
                                            @foreach($cfops as $cfop)
                                            <option cfop="{{$cfop->cfop}}" value="{{$cfop->id}}">{{$cfop->descricao}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">CFOP</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="itens_id_cst">
                                            @if (isset($csts))
                                            @foreach($csts as $cst)
                                            <option cst="{{$cst->cst}}" value="{{$cst->id}}">{{$cst->descricao}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">CST ICMS</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="itens_aliquota_icms" class="form-control money2" value="">
                                        <label class="form-label">ICMS (%)</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="itens_id_cst_pis">
                                            @if (isset($cst_piss))
                                            @foreach($cst_piss as $cst_pis)
                                            <option value="{{$cst_pis->id}}">{{$cst_pis->descricao}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">CST PIS</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="itens_aliquota_pis" class="form-control money2" value="">
                                        <label class="form-label">PIS (%)</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <select tabindex="-1" id="itens_id_cst_cofins">
                                            @if (isset($cst_cofinss))
                                            @foreach($cst_cofinss as $cst_cofins)
                                            <option value="{{$cst_cofins->id}}">{{$cst_cofins->descricao}}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">CST COFINS</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="itens_aliquota_cofins" class="form-control money2" value="">
                                        <label class="form-label">COFINS (%)</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input type="text" id="itens_valor_un" class="form-control money2 calc_total_itens" value="0">
                                        <label class="form-label">Valor un</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                    <input type="text" id="itens_quantidade" class="form-control calc_total_itens qtd" value="0">
                                    <label class="form-label">Quantidade</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group form-float">
                                    <div class="form-line">
                                        <input readonly type="text" id="itens_valor_total" class="form-control money2" value="0">
                                        <label class="form-label">Total</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pull-right">
                            <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal"> <i class="material-icons">cancel</i>
                                    <span>CANCELAR</span></button>
                            <button type="button" id="itens_save" class="btn bg-blue waves-effect"> <i class="material-icons">save</i>
                                    <span>SALVAR</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
<script src="{{URL::to('/')}}/assets/js/bundles/lightgallery/dist/js/lightgallery-all.js"></script>
<script>

function createLightGallery()
{
    $('#aniimated-thumbnials').lightGallery({
        thumbnail: true,
        selector: 'a'
    });
}

// on document load
$(document).ready(function(){

    createLightGallery();

    const $lg = $("#aniimated-thumbnials");
    const deleteIcon = '<span id="lg-delete" class="lg-delete lg-icon"><i class="material-icons">delete</i><span>';

    $lg.on("onAfterOpen.lg", () => {
        lgData = $lg.data('lightGallery');
        lgData.$outer.find('.lg-toolbar').append(deleteIcon);
        $('#lg-delete').on('click', () => {
            index = lgData.index;
            id_anexo = lgData.$items[lgData.index].dataset.id;
            swal({
                title: "Deseja deletar esse anexo?",
                text: "",
                type: "warning",
                showCancelButton: true,
                closeOnConfirm: false,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Sim",
                cancelButtonText: "Cancelar",
                showLoaderOnConfirm: true,
            }, function() {
                $.ajax({
                    type: 'POST',
                    url: "{{ route('deletar-anexo_faturamento') }}",
                    data: {
                        "id_anexo": id_anexo,
                        "_token": "{{ csrf_token() }}",
                    },
                    success: function(response) {
                        if (response.retorno == 1) {
                            $("div[data-id="+id_anexo+"]").remove();
                            $("#aniimated-thumbnials").data("lightGallery").destroy(true);
                            createLightGallery();
                            swal("Anexo deletado com sucesso!", "", "success");
                        } else {
                            swal("Falha ao inserir o anexo", response.mensagem, "error");
                        }
                    },
                    error: function(data) {
                        swal("Falha ao deletar o anexo", data.responseJSON.message, "error");
                    }
                });
            });
        });
    });
});

Dropzone.autoDiscover = false;
$("#dropzone-anexo").dropzone({
    init: function () {
        this.on("success", function (file, response) {
            if (response.retorno == 1) {
                $("#aniimated-thumbnials").append(
                    $('<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" data-id="'+response.id_anexo+'">').append(
                        ($('<a data-id="'+response.id_anexo+'" href="{{URL::to('/')}}/storage/'+response.filename+'">')
                            .append('<img class="img-responsive thumbnail" src="{{URL::to('/')}}/storage/'+response.filename+'"alt="">')
                        )
                    )
                );
                $("#aniimated-thumbnials").data("lightGallery").destroy(true);
                createLightGallery();
            } else {
                swal("Falha ao inserir o anexo", response.mensagem, "error");
            }
        });
    }
});

$('#busca_produto').keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == '13') {
        event.preventDefault();
        filtro = $(this).val();
        let quantidade = 1;
        if (filtro.indexOf("*") > -1) {
            array_filtro = filtro.split("*");
            quantidade = parseFloat(array_filtro[0].replace(',', '.'));
            if (isNaN(quantidade)) {
                quantidade = 1;
            }
            filtro = array_filtro[1];
        }
        $('#filtro_produto').val(filtro);
        let id_cliente = $('#id_cliente').val();

        $.LoadingOverlay("show");
        $.getJSON("{{ route('busca-produto_faturamento') }}", {
                filtro: filtro,
                id_cliente: id_cliente
            }, function(response) {
                if (response.produtos.length == 0) {
                    swal("Nenhum produto encontrado", 'Verifique e tente novamente!', "warning");
                    $("#busca_produto").val("");
                } else if (response.produtos.length == 1) {
                    response.produtos[0].aliquota_icms_uf = response.aliquota_icms;
                    response.produtos[0].quantidade = quantidade;
                    incluir_produto(response.produtos[0])
                } else {
                    exibir_busca_produto(response.produtos, response.aliquota_icms);
                }
                $.LoadingOverlay("hide");
            })
            .fail(function() {
                $.LoadingOverlay("hide");
                swal("Falha ao consultar o produto", '', "error");
            });
    }
});


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

$('#filtro_produto').keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == '13') {
        event.preventDefault();
        let id_cliente = $('#id_cliente').val()
        $.LoadingOverlay("show");
        $.getJSON("{{ route('busca-produto_faturamento') }}", {
                filtro: $(this).val(),
                id_cliente: id_cliente
            }, 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, response.aliquota_icms);
                }
                $.LoadingOverlay("hide");
            })
            .fail(function() {
                $.LoadingOverlay("hide");
                swal("Falha ao consultar o produto", '', "error");
            });
    }
});

$('#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){
    let aliquota_icms = 0;
    if (produto.auto_icms == 1) {
        aliquota_icms = produto.aliquota_icms_uf;
    } else {
        aliquota_icms = produto.aliquota_icms;
    }

    $("#produto_faturamento").find('tbody')
        .append($('<tr>')
            .append($('<td name="id_produto">')
                .append(produto.id)
            ).append($('<td name="descricao">')
                .append(produto.descricao_longa)
            ).append($('<td name="ean">')
                .append(produto.ean)
            ).append($('<td id="' + produto.idunidade + '" name="id_unidade">')
                .append(produto.unidade)
            ).append($('<td id="' + produto.idcfop + '" name="id_cfop">')
                .append(produto.cfop)
            )
            @if (session('empresa')->regime == 0)
            .append($('<td id="' + produto.idcsosn + '" name="id_csosn">')
                .append(produto.csosn)
            )
            @else
            .append($('<td id="' + produto.idcst + '" name="id_cst">')
                .append(produto.cst)
            ).append($('<td name="valor_base_icms"  class="total_valor_base_icms" style="display:none;">')
                .append(formatTomoney(Number(produto.valor_venda).toFixed(2) * produto.quantidade) )
            ).append($('<td name="aliquota_icms" style="display:none;">')
                .append(aliquota_icms)
            )
            .append($('<td name="valor_icms" class="total_valor_icms" style="display:none;">')
                .append(formatTomoney(Number(produto.valor_venda).toFixed(2) * produto.quantidade * aliquota_icms / 100) )
            ).append($('<td id="' + produto.id_cst_ipi + '" name="id_cst_ipi" style="display:none;">')
                .append(produto.cst_ipi)
            ).append($('<td name="aliquota_ipi" style="display:none;">')
                .append(produto.aliquota_ipi)
            ).append($('<td name="valor_ipi" style="display:none;">')
                .append(formatTomoney(Number(produto.valor_venda).toFixed(2) * produto.quantidade * produto.aliquota_ipi / 100) )
            )
            @endif
            .append($('<td name="aliquota_pis" style="display:none;">')
                .append(formatTomoney(produto.aliquota_pis))
            )
            .append($('<td name="id_cst_pis"  id="' + produto.idcst_pis + '" style="display:none;">')
                .append(produto.cst_pis)
            )
            .append($('<td name="aliquota_cofins" style="display:none;">')
                .append(formatTomoney(produto.aliquota_cofins))
            )
            .append($('<td name="id_cst_cofins" id="' + produto.idcst_cofins + '" style="display:none;">')
                .append(produto.cst_cofins)
            )
            .append($('<td name="valor_unitario">')
                .append(formatTomoney(produto.valor_venda))
            ).append($('<td name="quantidade">')
                .append(produto.quantidade)
            ).append($('<td name="valor_desconto">')
                .append('0.00')
            ).append($('<td name="valor_total" class="total">')
                .append(formatTomoney(Number(produto.valor_venda).toFixed(2) * produto.quantidade))
            ).append($('<td style="width:100px">')
                .append('<button type="button" class="bg-blue btn-circle waves-effect waves-circle waves-float editar_itens_faturamento"><i class="material-icons"> create</i></button> <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();
}


$('#bt_add_forma_pagamento').on('click', function(){
    let id_forma_pagamento = $("#select_forma_pagamento option:selected").val();
    let forma_pagamento = $("#select_forma_pagamento option:selected").text();
    let data_pagamento = new Date($("#data_forma_pagamento").val() +' ').toLocaleDateString();
    let valor_pagamento = parseFloat($("#valor_forma_pagamento").val().replace(',', '.')).toFixed(2);
    let id_finalidade = $("#tipo_nfe option:selected").val();

    if (valor_pagamento > 0) {
        if (id_finalidade == 1) {
            $("#forma_pagamento_faturamento").find('tbody')
            .append($('<tr>')
                .append($('<td id="' + id_forma_pagamento + '" name="id_forma_pagamento">')
                    .append(forma_pagamento)
                ).append($('<td name="data_pagamento">')
                    .append(data_pagamento)
                ).append($('<td name="valor_pagamento" class="total_pagamento">')
                    .append(valor_pagamento)
                ).append($('<td style="width:40px">')
                    .append('<button type="button" class="btn bg-red btn-circle waves-effect waves-circle waves-float bt_deletar_pagamento"> <i class="material-icons"> delete_sweep</i></button>')
                )
                );
                $("#valor_pagamento").val("0");
                calc_pagamento();
                $("#valor_forma_pagamento").val(calc_get_restante_pagamento());
        } else {
            swal("Informação", 'Não é preciso informar pagamento para esse tipo de nota!', "warning");
        }
    } else {
        swal("Valor inválido", 'Verifique o valor informado e tente novamente', "warning");
    }
});

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


$(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").find(".total_valor_base_icms").removeClass("total_valor_base_icms");
        $(this).closest("tr").find(".total_valor_icms").removeClass("total_valor_icms");
        $(this).closest("tr").hide();
        $(this).closest("tr").append($('<td name="deletar">').append('1'));
    }
    calc_total();
});


function exibir_busca_produto(produtos, aliquota_icms){
    $("#table_busca_produto").find('tbody').empty();
    $.each(produtos, function( key, produto ) {
        produto.aliquota_icms_uf = aliquota_icms;
        $("#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');
}

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

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

$(document).on('click', '.selecionar_produto', function(){
    let produto = JSON.parse(atob($(this).closest("tr").data("row")));
    produto.quantidade = 1;
    incluir_produto(produto);
    $('.bd-busca-produto-modal-lg').modal('hide');
});

function calc_total() {
    let valor_produtos = 0;
    let total_valor_icms = 0;
    let total_valor_base_icms = 0;
    $(".total").each(function() {
        valor_produtos += parseFloat($(this).text());
    });
    $(".total_valor_icms").each(function() {
        total_valor_icms += parseFloat($(this).text());
    });
    $('#valor_icms').val(Number(total_valor_icms).toFixed(2));
    $(".total_valor_base_icms").each(function() {
        total_valor_base_icms += parseFloat($(this).text());
    });
    $('#valor_base_icms').val(Number(total_valor_base_icms).toFixed(2));

    $('#valor_total_produtos').val(Number(valor_produtos).toFixed(2));
    $('#subtotal').text(Number(valor_produtos).toFixed(2));
    let valor_desconto = parseFloat($('#valor_desconto').val().replace(',', '.'));
    $('#desconto').text(Number(valor_desconto).toFixed(2));
    let valor_outras_dispesas = parseFloat($('#valor_outras_dispesas').val().replace(',', '.'));
    let valor_frete = parseFloat($('#valor_frete').val().replace(',', '.'));
    $('#valor_total_nota').val(Number(valor_produtos + valor_frete + valor_outras_dispesas - valor_desconto).toFixed(2));
    $('#total').text(Number(valor_produtos + valor_frete + valor_outras_dispesas - valor_desconto).toFixed(2));
}

function calc_pagamento() {
    let valor_total_nota = parseFloat($('#valor_total_nota').val().replace(',', '.'));
    let total_valor_pagamento = 0;
    let total_valor_restante = 0;
    let troco = 0;
    $(".total_pagamento").each(function() {
        total_valor_pagamento += parseFloat($(this).text());
    });
    if (valor_total_nota >= total_valor_pagamento  ) {
        total_valor_restante =  valor_total_nota  - total_valor_pagamento;
    } else {
        troco = total_valor_pagamento - valor_total_nota;
    }

    $('#pag_total').text('R$ '+Number(valor_total_nota).toFixed(2));
    $('#pag_total_pago').text('R$ '+Number(total_valor_pagamento).toFixed(2));
    $('#pag_total_restante').text('R$ '+Number(total_valor_restante).toFixed(2));
    $('#pag_troco').text('R$ '+Number(troco).toFixed(2));

}

function calc_total_itens() {
    let valor_unitario = parseFloat($('#itens_valor_un').val().replace(',', '.'));
    let quantidade = parseFloat($('#itens_quantidade').val().replace(',', '.'));
    $('#itens_valor_total').val(formatTomoney(Number(valor_unitario * quantidade).toFixed(2)));
}

$('#valor_forma_pagamento').keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == '13') {
        $('#bt_add_forma_pagamento').click();
    }
});

function calc_get_restante_pagamento() {
    let valor_total_nota = parseFloat($('#valor_total_nota').val().replace(',', '.'));
    let total_valor_pagamento = 0;
    let total_valor_restante = 0;

    $(".total_pagamento").each(function() {
        total_valor_pagamento += parseFloat($(this).text());
    });
    if (valor_total_nota >= total_valor_pagamento  ) {
        total_valor_restante =  valor_total_nota  - total_valor_pagamento;
    }

    return total_valor_restante;
}

$('.bd-pagamento-nfe-modal-lg').on('shown.bs.modal', function() {
    let id_finalidade = $("#tipo_nfe option:selected").val();
    if (id_finalidade == 4) {
        $("#forma_pagamento_faturamento tbody tr").each(function() {
        let item = $(this).closest("tr").find(".id_item");
            if(item.length == 0){
                $(this).closest("tr").remove();
            } else {
                $(this).closest("tr").find(".total_pagamento").removeClass("total_pagamento");
                $(this).closest("tr").hide();
                $(this).closest("tr").append($('<td name="deletar">').append('1'));
            }
        });
    }

    calc_pagamento();
    $("#valor_forma_pagamento").val(calc_get_restante_pagamento());
});

$(".calc_total").keyup(function(){
    calc_total();
});

$(".calc_total_itens").keyup(function(){
    calc_total_itens();
});

$.fn.dataTable.ext.search.push(
    function(settings, data, dataIndex) {

        if (settings.nTable.id === "busca_cliente") {

            var filtro = $('#filtro_cliente').val().toLowerCase();

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

        if (settings.nTable.id === "busca_transportadora") {

            var filtro = $('#filtro_transportadora').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_cliente = $('#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_cliente.draw();
});

var table_transportadora = $('#busca_transportadora').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_transportadora').on('keyup', function() {
    table_transportadora.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();
});

var linha_itens_edit = null;

$(document).on('click', '.editar_itens_faturamento', function() {
    let id_produto = $(this).closest("tr").find('td[name="id_produto"]').text();
    let descricao = $(this).closest("tr").find('td[name="descricao"]').text();
    let ean = $(this).closest("tr").find('td[name="ean"]').text();
    let id_unidade = $(this).closest("tr").find('td[name="id_unidade"]').attr('id');
    let id_cfop = $(this).closest("tr").find('td[name="id_cfop"]').attr('id');
    let id_cst = $(this).closest("tr").find('td[name="id_cst"]').attr('id');
    let aliquota_icms = $(this).closest("tr").find('td[name="aliquota_icms"]').text();
    let id_cst_pis = $(this).closest("tr").find('td[name="id_cst_pis"]').attr('id');
    let aliquota_pis = $(this).closest("tr").find('td[name="aliquota_pis"]').text();
    let id_cst_cofins = $(this).closest("tr").find('td[name="id_cst_cofins"]').attr('id');
    let aliquota_cofins = $(this).closest("tr").find('td[name="aliquota_cofins"]').text();
    let valor_unitario = $(this).closest("tr").find('td[name="valor_unitario"]').text();
    let quantidade = $(this).closest("tr").find('td[name="quantidade"]').text();
    let valor_desconto = $(this).closest("tr").find('td[name="valor_desconto"]').text();
    let valor_total = $(this).closest("tr").find('td[name="valor_total"]').text();

    $('#itens_id_produto').val(id_produto);
    $('#itens_descricao_longa').val(descricao);
    $('#itens_cod_barras').val(ean);
    $('#itens_id_unidade option[value="' + id_unidade + '"]').prop('selected',true);
    $('#itens_id_unidade').formSelect();
    $('#itens_id_cfop option[value="' + id_cfop + '"]').prop('selected',true);
    $('#itens_id_cfop').formSelect();
    $('#itens_id_cst option[value="' + id_cst + '"]').prop('selected',true);
    $('#itens_id_cst').formSelect();
    $('#itens_aliquota_icms').val(aliquota_icms);
    $('#itens_id_cst_pis option[value="' + id_cst_pis + '"]').prop('selected',true);
    $('#itens_id_cst_pis').formSelect();
    $('#itens_aliquota_pis').val(aliquota_pis);
    $('#itens_id_cst_cofins option[value="' + id_cst_cofins + '"]').prop('selected',true);
    $('#itens_id_cst_cofins').formSelect();
    $('#itens_aliquota_cofins').val(aliquota_cofins);
    $('#itens_valor_un').val(valor_unitario);
    $('#itens_quantidade').val(quantidade);
    $('#itens_valor_desconto').val(valor_desconto);
    $('#itens_valor_total').val(valor_total);

    linha_itens_edit = $(this);

    $('.bd-itens-nfe-modal-lg').modal('show');
});

$(document).on('click', '#itens_save', function() {
    if ($('#itens_valor_total').val().replace(',', '.') > 0) {

        linha_itens_edit.closest("tr").find('td[name="id_unidade"]').attr('id', $("#itens_id_unidade option:selected").val());
        linha_itens_edit.closest("tr").find('td[name="id_unidade"]').text($("#itens_id_unidade option:selected").text());

        linha_itens_edit.closest("tr").find('td[name="id_cfop"]').attr('id', $("#itens_id_cfop option:selected").val());
        linha_itens_edit.closest("tr").find('td[name="id_cfop"]').text($("#itens_id_cfop option:selected").attr('cfop'));

        linha_itens_edit.closest("tr").find('td[name="id_cst"]').attr('id', $("#itens_id_cst option:selected").val());
        linha_itens_edit.closest("tr").find('td[name="id_cst"]').text($("#itens_id_cst option:selected").attr('cst'));

        linha_itens_edit.closest("tr").find('td[name="aliquota_icms"]').text(formatTomoney($('#itens_aliquota_icms').val().replace(',', '.')));
        linha_itens_edit.closest("tr").find('td[name="valor_base_icms"]').text(formatTomoney($('#itens_valor_un').val().replace(',', '.') * $('#itens_quantidade').val().replace(',', '.')));
        linha_itens_edit.closest("tr").find('td[name="valor_icms"]').text(formatTomoney($('#itens_valor_un').val().replace(',', '.') * $('#itens_quantidade').val().replace(',', '.') * $('#itens_aliquota_icms').val().replace(',', '.') / 100));

        linha_itens_edit.closest("tr").find('td[name="id_cst_pis"]').attr('id', $("#itens_id_cst_pis option:selected").val());

        linha_itens_edit.closest("tr").find('td[name="aliquota_pis"]').text(formatTomoney($('#itens_aliquota_pis').val().replace(',', '.')));

        linha_itens_edit.closest("tr").find('td[name="id_cst_cofins"]').attr('id', $("#itens_id_cst_cofins option:selected").val());

        linha_itens_edit.closest("tr").find('td[name="aliquota_cofins"]').text(formatTomoney($('#itens_aliquota_cofins').val().replace(',', '.')));
        linha_itens_edit.closest("tr").find('td[name="valor_unitario"]').text(formatTomoney($('#itens_valor_un').val().replace(',', '.')));
        linha_itens_edit.closest("tr").find('td[name="quantidade"]').text($('#itens_quantidade').val().replace(',', '.'));
        linha_itens_edit.closest("tr").find('td[name="valor_total"]').text(formatTomoney($('#itens_valor_un').val().replace(',', '.') * $('#itens_quantidade').val().replace(',', '.')));

        $('.bd-itens-nfe-modal-lg').modal('hide');
        calc_total();
        showNotification('alert-info', 'Salvo com sucesso!', 'top', 'right', 'animated flipInX', 'animated flipOutX');
    } else {
        swal("Atenção", 'O valor total do item deve ser maior que zero!', "warning");
    }

});

$('.bd-itens-nfe-modal-lg').on('shown.bs.modal', function() {
    $(".bd-itens-nfe-modal-lg input").each(function() {
        $(this).trigger("focus");
    });
});

$(document).on('click', '.selecionar_cliente', 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');
});

$(document).on('click', '.selecionar_transportadora', function() {
    let id_transportadora = $(this).closest("tr").find(".id_transportadora").text();
    let razao_transportadora = $(this).closest("tr").find(".razao_transportadora").text();
    $('#razao_transportadora').val(razao_transportadora).trigger("focus");
    $('#id_transportadora').val(id_transportadora).trigger("focus");
    $('.bd-busca-transportadora-modal-lg').modal('hide');
});


$( "#valor_forma_pagamento" ).focusin(function() {
    $("#valor_forma_pagamento").val(calc_get_restante_pagamento());
});

$('.salvar_nfe').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) {
            let table = {
                html: $('#produto_faturamento').html()
            };
            var faturamento = {
                items: [],
                pagamentos: [],
                info: {}
            };
            $("#form_principal").valid();
            $("#form_outro").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();
            faturamento.info.outro = $('#form_outro').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;
            faturamento.info.nfe = nfe;

            let converter_cupom = $(this).attr('converter_cupom');

            if(converter_cupom == 1) {
                faturamento.info.converter_cupom = 1;
                faturamento.info.fiscal = 1;
            } else {
                if($("#fiscal").is(":checked")) {
                    faturamento.info.fiscal = 1;
                } else {
                    faturamento.info.fiscal = 0;
                }
            }

            if($("#contas_receber").is(":checked")) {
                faturamento.info.contas_receber = 1;
            } else {
                faturamento.info.contas_receber = 0;
            }

            $.LoadingOverlay("show");
            $.ajax({
                type: 'POST',
                url: "{{ route('salvar_faturamento') }}",
                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;
});

@if (isset($faturamento))
$('#cancelar_nfe').on('click', function() {
    try {
        $.LoadingOverlay("show");

        let motivo = $('#motivo_cancelamento').val();
        if(motivo == ''){
            $.LoadingOverlay("hide");
            swal("O motivo do cancelamento é obrigatório!", 'erro', "error");
        } else {
            $.ajax({
                type: 'POST',
                url: "{{ route('cancelar_faturamento') }}",
                data: ({
                    "id": "{{$faturamento->id}}",
                    "motivo": motivo,
                    "_token": "{{ csrf_token() }}"
                }),
                success: function(response) {
                    if (response !== '') {
                        swal("Falha ao salvar", response, "error");
                        $.LoadingOverlay("hide");
                    } else {
                        $.LoadingOverlay("hide");
                        location.reload();
                    }

                },
                error: function(data) {
                    swal("Falha ao salvar", data.responseJSON.message, "error");
                    $.LoadingOverlay("hide");
                }
            });
        }

    } catch (e) {
        console.log(e);
    }
    return false;
});
@endif
</script>

@endsection
@section('css')
<link href="{{URL::to('/')}}/assets/js/bundles/lightgallery/dist/css/lightgallery.css" rel="stylesheet">
@endsection