@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-file-invoice',
    'titulo'=>'Compra Nota Fiscal',
    'breadcrumb'=>['Compra','Compra Nota Fiscal']
])

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
    <style>
        .float{
            position:fixed;
            width:60px;
            height:60px;
            bottom:40px;
            right:40px;
            background-color:#007BFF;
            color:#FFF;
            border-radius:50px;
            text-align:center;
            box-shadow: 2px 2px 3px #999;
        }

        .my-float{
            margin-top:18px;
        }
    </style>
@endsection 

@section('scripts')
    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/compranotafiscal/list.js') }}}"></script>
@endsection

@section('pagina')

    <div class="container-fluid">          
        <div class="card mt-2">
            <div class="card-header cor-card-header text-white bg-primary-gradient">
                <div class="row">
                    <div class="col-12 col-md-8">
                        <h3>Nota Fiscal </h3>
                    </div>
                    <!-- @if($existeCompra == false)
                        <div class="text-right col-12 col-md-4"> 
                            <button id="btnProduto" type="button" class="btn btn-warning" aria-label="Left Align" >
                                <i class="fas fa-plus-circle"></i>  Inserir Produto
                            </button>
                        </div>
                    @endif -->
                </div>
            </div>
            <form class="needs-validation" method="POST" action="{{route('compra_nota_fiscal.salvar_compra')}}" novalidate>
                @csrf
                <input id="id" type="hidden" name="id" value="{{$notaFiscal['id']}}"/>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12 col-md-12 table-responsive">
                            <table id="tbNotaFiscal" class="table table-hover table-bordered text-left">
                                <thead>
                                    <tr class="alert-primary"><td class="text-center" colspan="7"><b>NOTA FISCAL</b></td></tr>
                                    <tr class="alert-secondary">
                                        <th class="text-center">Nota Fiscal</th>
                                        <th class="text-center">Chave</th>
                                        <th class="text-center">Natureza Operação</th>
                                        <th class="text-center">Lançado Por</th>
                                        <th class="text-center">Data Cadastro</th>
                                        <th class="text-center">Data Emissão</th>
                                        <th class="text-center">Valor Nfe</th>
                                    </tr>
                                </thead>
                                <tbody> 
                                    <tr>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_numero_nota_fiscal">{{$notaFiscal['numero_nota_fiscal']}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_chave">{{$notaFiscal['chave']}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_natureza_operacao">{{$notaFiscal['natureza_operacao']}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_usuario">{{$notaFiscal->Usuario['nome']}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_data_cadastro">{{date('d/m/Y', strtotime($notaFiscal['dt_criacao']))}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_data_emissao">{{date('d/m/Y', strtotime($notaFiscal['dt_emissao']))}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_valor_origem">R$ {{number_format($notaFiscal['valor_origem'],2,',','.')}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12 col-md-12 table-responsive">
                            <table  id="tbFornecedor" class="table table-hover table-bordered text-left">
                                <thead>
                                    <tr class="alert-primary"><td class="text-center" colspan="6"><b>FORNECEDOR</b></td></tr>
                                    <tr class="alert-secondary">
                                        <th class="text-center">CNPJ</th>
                                        <th class="text-center">Razão Social</th>
                                        <th class="text-center">Cidade</th>
                                        <th class="text-center">Fone</th>
                                        <th class="text-center">UF</th>
                                        <th class="text-center">Data Cadastro</th>
                                    </tr>
                                </thead>
                                <tbody> 
                                    <tr>
                                        <td class="text-center mask_cnpj" id="{{$fornecedor['id']}}_cnpj">{{$fornecedor['cnpj_cpf']}}</td>
                                        <td class="text-center" id="{{$fornecedor['id']}}_nome">{{$fornecedor['nome']}}</td>
                                        <td class="text-center" id="{{$fornecedor['id']}}_cidade">{{$fornecedor->Cidade['descricao']}}</td>
                                        <td class="text-center mask_telefone_celular" id="{{$fornecedor['id']}}_fone">{{$fornecedor['fone']}}</td>
                                        <td class="text-center" id="{{$fornecedor['id']}}_estado">{{$fornecedor->Cidade->Estado['descricao']}}</td>
                                        <td class="text-center" id="{{$notaFiscal['id']}}_data_cadastro">{{date('d/m/Y', strtotime($fornecedor['dt_criacao']))}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                @if($existeCompra == true)
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-md-12 table-responsive">
                                <table  id="tbItensNotaFiscal" class="table table-hover table-bordered text-left">
                                    <thead>
                                        <tr class="alert-success"><td class="text-center">JÁ EXISTE UMA COMPRA CADASTRADA, PARA A NOTA FISCAL!</td></tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-md-12 table-responsive">
                                <table  id="tbItensNotaFiscal" class="table table-hover table-bordered text-left">
                                    <thead>
                                        <tr class="alert-primary"><td class="text-center" colspan="9"><b>PRODUTOS DA NOTA FISCAL ADICIONADOS</b></td></tr>
                                        <tr class="alert-secondary">
                                            <th></th>
                                            <th>Produto Vinculado</th>
                                            <th>Descrição</th>
                                            <th class="text-center">NCM</th>
                                            <th class="text-center">Valor Venda</th>
                                            <th class="text-center">Quantidade</th>
                                            <th class="text-center">Valor Unitário</th>
                                            <th class="text-center">Valor Total</th>
                                            <th class="text-center"></th>
                                        </tr>
                                        @if($countItensSemFkProduto > 0)
                                            <tr class="alert-warning"><td class="text-center" colspan="9">É NECESSÁRIO ASSOCIAR PRODUTOS DO SEU CATÁLOGO, AOS ITENS DA NOTA FISCAL</td></tr>
                                        @else
                                            <tr class="alert-success"><td class="text-center" colspan="9">VOCÊ JÁ PODE SALVAR A COMPRA</td></tr>
                                        @endif
                                    </thead>
                                    <tbody>
                                        @foreach($listaItensNotaFiscal as $lista)
                                            <tr>
                                                <td class="text-center">{{$loop->iteration}}</td>
                                                <td>{{$lista->Produto['descricao']}}</td>
                                                <td id="{{$lista['id']}}_descricao">{{$lista['descricao']}}</td>
                                                <td class="text-center" id="{{$lista['id']}}_ncm">{{$lista['ncm']}}</td>
                                                <td class="text-center" id="{{$lista['id']}}_valor_venda">R$ {{number_format($lista['valor_venda'],2,',','.')}}</td>
                                                <td class="text-center" id="{{$lista['id']}}_quantidade">{{$lista['quantidade']}}</td>
                                                <td class="text-center" id="{{$lista['id']}}_valor_unitario">R$ {{number_format($lista['valor_unitario'],2,',','.')}}</td>
                                                <td class="text-center" id="{{$lista['id']}}_valor_total">R$ {{number_format($lista['valor_total'],2,',','.')}}</td>
                                                <td class="text-center">
                                                    <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
                                                        <span name="editBtn" class="btn btn-warning btn-sm fas fa-edit text-white cursor-pointer" data="{{$lista['id']}}" title="Editar"></span>
                                                        <!-- <span name="excluirBtn" class="btn btn-danger btn-sm fas fa-trash text-white cursor-pointer" data="{{$lista['id']}}" title="Excluir"></span> -->
                                                    </div>
                                                </td> 
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <p class="bg-dark text-center text-white h4"><b>TOTAL VALOR DE VENDA DOS ITENS R$ 0,00</b></p>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-md-12 table-responsive">
                                <table  id="tbFormasPagamento" class="table table-hover table-bordered text-left">
                                    <thead>
                                        <tr class="alert-primary">
                                            <td class="text-center" colspan="3"><b>FORMAS DE PAGAMENTO</b></td>
                                            <td class="text-center bg-secondary text-white"><b>Valor da Nota Fiscal R$ {{number_format($notaFiscal['valor_origem'],2,',','.')}}</b></td>
                                        </tr>
                                        <tr class="alert-secondary">
                                            <th class="text-center"></th> 
                                            <th>Descrição</th>                   
                                            <th class="text-center">Valor</th>                       
                                            <th class="text-center">
                                                @if($countItensSemFkProduto == 0)
                                                    <button id="btnAddFormaPagamento" type="button" class="btn btn-warning" aria-label="Left Align" >
                                                        <i class="fas fa-plus-circle"></i> Add
                                                    </button>
                                                @endif
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @if($countItensSemFkProduto == 0)
                            <div class="row mt-4">
                                <div class="col-12 col-md-12 text-center">
                                    <button class="btn btn-success" id="btnSalvar" type="submit">
                                        <i class="fas fa-save"></i>  Salvar
                                    </button>
                                </div>
                            </div>
                        @endif
                    </div>
                @endif
            </form>
        </div>  
    </div>
    @if($existeCompra == false)
        <a id="btnProduto" type="button" class="float cursor-pointer">
            <i class="fas fa-plus-circle my-float text-white"> Produto</i> 
        </a>
    @endif
    <script>
        // Exemplo de JavaScript inicial para desativar envios de formulário, se houver campos inválidos.
        (function() {
        'use strict';
        window.addEventListener('load', function() {
            // Pega todos os formulários que nós queremos aplicar estilos de validação Bootstrap personalizados.
            var forms = document.getElementsByClassName('needs-validation');
            // Faz um loop neles e evita o envio
            var validation = Array.prototype.filter.call(forms, function(form) {
            form.addEventListener('submit', function(event) {
                if (form.checkValidity() === false) {
                event.preventDefault();
                event.stopPropagation();
                }
                form.classList.add('was-validated');
            }, false);
            });
        }, false);
        })();
    </script>

    @include('partials._modal_form',
    [
        'titulo'=> 'Editar Item Nota Fiscal',
        'icone'=>'fas fa-pallet',
        'largura'=>'1200',
        'responsivo'=>true,
        'rota' => 'compra_nota_fiscal.editar_item_nota_fiscal',
        'campos'=> 
        [
            [
                'tipo'=>'array',
                'campos'=>
                [ 
                    [
                        'largura'=>6,
                        'id' =>'txtProdutoNota',
                        'label'=>'Produto Nota Fiscal',
                        'nome'=>'produtoNotaFiscal',
                        'tamanho'=>'120',
                        'tipo'=>'txt',
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=> true
                    ],
                    [
                        'largura'=>6,
                        'id' =>'txtValorUnitario',
                        'label'=>'Valor Unitário',
                        'nome'=>'valorUnitario',
                        'tamanho'=>'30',
                        'tipo'=>'txt',
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=> true
                    ]
                ]
            ],
            [
                'tipo'=>'array',
                'campos'=>
                [                     
                    [
                        'largura'=>'6',
                        'id' =>'txtProduto',
                        'label'=>'Produto',
                        'nome'=>'produto',
                        'default'=>'Selecione...',
                        'opcoes'=> $listaProdutos,
                        'tipo'=>'combo',
                        'required'=> true,
                        'autofocus'=> true,     
                        'disabled'=>false
                    ],
                    [
                        'largura'=>'3',
                        'id' =>'txtValorVenda',
                        'label'=>'Valor de Venda',
                        'nome'=>'valorVenda',
                        'classe'=>'mask_moeda',
                        'tamanho'=>'30',
                        'tipo'=>'txt',
                        'required'=> true,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                    [
                        'largura'=>'3',
                        'id' =>'txtQuantidade',
                        'label'=>'Quantidade',
                        'nome'=>'quantidade',
                        'tamanho'=>'30',
                        'tipo'=>'numero',
                        'min'=>'1',
                        'required'=> true,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                ]
            ]
        ]
    ])

    @include('partials._modal_form',
    [
        'idModal'=>'dlgProduto',
        'titulo'=> 'Adicionar Produto',
        'icone'=>'fas fa-box-open',
        'largura'=>'800',
        'responsivo'=>true,
        'rota' => 'cadastro.produto.salvar',
        'campos'=> 
        [
            [
                'id'=>'hdnStatus',
                'nome'=>'status',
                'tipo'=>'hidden'
            ],
            [
                'tipo'=>'array',
                'campos'=>
                [ 
                    [
                        'largura'=>9,
                        'id' =>'txtDescricao',
                        'label'=>'Descrição',
                        'nome'=>'descricao',
                        'tamanho'=>'50',
                        'tipo'=>'txt',
                        'required'=> true,
                        'autofocus'=> true,
                        'disabled'=> false
                    ],
                    [
                        'largura'=>3,
                        'id' =>'txtNcm',
                        'label'=>'NCM',
                        'nome'=>'ncm',
                        'tamanho'=>'50',
                        'tipo'=>'txt',
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=> false
                    ],
                ]
            ],
            [
                'tipo'=>'array',
                'campos'=>
                [ 
                    [
                        'largura'=>6,
                        'id' =>'txtCest',
                        'label'=>'CEST',
                        'nome'=>'cest',
                        'tamanho'=>'50',
                        'tipo'=>'txt',
                        'required'=> false,
                        'autofocus'=> true,
                        'disabled'=> false
                    ],
                    [
                        'largura'=>'6',
                        'id' =>'txtCfop',
                        'label'=>'CFOP',
                        'nome'=>'cfop',
                        'default'=>'Selecione...',
                        'opcoes'=> $listaCfops,
                        'tipo'=>'combo',
                        'required'=> false,
                        'autofocus'=> true,     
                        'disabled'=>false
                    ],
                ]
            ]
        ]
    ])

    @include('partials._modal_form',
    [
        'idModal'=>'dlgFormaPagamento',
        'titulo'=> 'Adicionar Forma Pagamento',
        'icone'=>'fas fa-donate',
        'largura'=>'800',
        'responsivo'=>true,
        'rota' => 'compra_nota_fiscal.salvar_forma_pagamento',
        'campos'=> 
        [
            [
                'id'=>'hdnNotaFiscal',
                'nome'=>'notaFiscal',
                'tipo'=>'hidden'
            ],
            [
                'tipo'=>'array',
                'campos'=>
                [ 
                    [
                        'largura'=>'6',
                        'id' =>'txtFormaPagamento',
                        'label'=>'Forma Pagamento',
                        'nome'=>'formaPagamento',
                        'default'=>'Selecione...',
                        'opcoes'=> $listaFormasPagamento,
                        'tipo'=>'combo',
                        'required'=> true,
                        'autofocus'=> true,     
                        'disabled'=>false
                    ],
                    [
                        'largura'=>'6',
                        'id' =>'txtValor',
                        'label'=>'Valor',
                        'nome'=>'valor',
                        'classe'=>'mask_moeda',
                        'tamanho'=>'30',
                        'tipo'=>'txt',
                        'required'=> true,
                        'autofocus'=> true,
                        'disabled'=>false
                    ],
                ]
            ]
        ]
    ])

@endsection