@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-cart-arrow-down',
    'titulo'=>'Compras',    
    'breadcrumb'=>['Home','Compra']
]) 

@section('css')
    <link rel="stylesheet" href="{{{ URL::asset('js/DataTables/datatables.min.css') }}}" />
@endsection

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

@section('pagina')

<div class="container-fluid">
    <div class="card">
        <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
            <h2> Registrar Compras </h2>                 
           
        </div> 
        <!-- <div class="row">
            <div class="text-right col-12 col-md-4"> 
                <a href="{{route('cadastro.colaborador.cadastro')}}"  class="btn btn-primary" title="Novo Cadastro"><i class="fas fa-plus-circle"></i> Novo Colaborador</a>
            </div>  
        </div> -->
        <form method="POST" action="{{route('compra.salvar')}}">
        @csrf
        <div class="card-body">



            <!-- inicio da aba 1 -->
                    <div class="tab-pane fade show active" id="content_fornecedor" role="tabpanel" aria-labelledby="fornecedor-tab">
                        <br>                    



                        <div class="card rounded text-left">
                            <div class="card-header" style="background: #0174DF; color: white">
                                <span > <i class="fas fa-file-invoice-dollar"></i> Localizar Fornecedor</span>
                            </div> 
                            <div class="card-body">
                                <div class="row" >
                                    <div class="col col-sm-6 text-left">
                                        <label class="col-form-label text-md-left">Fornecedor:</label>
                                        <select id="txtFornecedor" name="fornecedor" class="form-control">
                                            <option value="">Selecione um Fornecedor...</option>
                                                @foreach($listaFornecedores as $fornecedor)
                                                    <option value="{{$fornecedor->getId()}}">{{$fornecedor->getNome()}}</option>
                                                @endforeach             
                                        </select>
                                    </div> 

                                   
                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Data:</label>
                                        <input type="date" name="data" id="txtData" class="form-control" value="{{date('Y-m-d')}}">
                                    </div>  

                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Vencimento:</label>
                                        <input type="date" name="dataVencimento" id="txtDataVencimento" class="form-control" value="{{date('Y-m-d')}}">
                                    </div> 

                                </div>
                                <div class="row">
                                    

                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Nfe:</label>
                                        <input type="txt" name="notaFiscal" id="txtNotaFiscal" class="form-control">
                                    </div>

                                    <div class="col col-sm-9 text-left">
                                        <label class="col-form-label text-md-left">N° Boleto / Chave NF</label>
                                        <input type="txt" name="nboleto" id="nboleto" class="form-control">
                                    </div>  
                                </div>
                            </div>
                        </div>   





                        <div class="card rounded text-left">
                            <div class="card-header" style="background: #0174DF; color: white">
                                <span > <i class="fas fa-file-invoice-dollar"></i> Add Produtos </span>
                            </div>  
                            <div class="card-body">

                                <div class="row" >  
                                    
                                    <div class="col-12 col-sm-12 text-left">
                                        <label class="col-form-label text-md-left">Produto</label>
                                        <select id="pesqProduto" name="pesqProduto" class="form-control">
                                            <option value="">Selecione um produto...</option>
                                            @foreach($listaProdutos as $lista)
                                                <option value="{{$lista->id}}">{{$lista->descricao}}</option>
                                            @endforeach             
                                        </select>
                                    </div>
                                    
                                    <div class="col col-sm-4 text-left">
                                        <label  class="col-form-label text-md-left">Codigo</label>
                                        <input type="txt" name="vproduto" id="txtProduto" class="form-control" style="text-align: left" />
                                    </div>
                                    
                                    <div class="col col-sm-2 text-left">
                                        <label  class="col-form-label text-md-left">Qtde/Peso.</label>
                                        <input type="txt" name="quantidade" id="txtQtd" class="form-control" style="text-align: right" min="1" oninput="validity.valid ? this.save = value : value = this.save;"/>
                                    </div>   
                                    
                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Valor Unit.</label>
                                        <input type="txt" name="valor" id="txtValor" style="text-align: right" class="form-control mask_moeda"/>
                                    </div>

                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">ValorTotal</label>
                                        <input type="txt" name="valorTotal" id="txtTotal" style="text-align: right" class="form-control mask_moeda"/>
                                    </div>

                                    
                                </div>

                                <div class="row" >                                     

                                    <div class="col col-sm-10 text-left"></div>

                                    <div class="col col-sm-2 text-right">  
                                       
                                        <br>                                                                                                  
                                        <button id="btnAddProd" type="button" class="btn btn-primary" aria-label="Left Align" >
                                            <i class="fas fa-plus-circle"></i> Add
                                        </button>
                                    </div>
                                </div>

                                <div class="row" > 


                                    <table id="tbAddProd" class="table table-hover text-left">
                                        <thead>
                                            <tr>                                        
                                                <th></th> 
                                                <th class="text-center">Cod.</th> 
                                                <th>Produto</th>                   
                                                <th style="text-align: center">Qtde/Peso</th>
                                                <th style="text-align: center">Valor</th>
                                                <th style="text-align: center">Total</th>                       
                                                <th></th>
                                            </tr>
                                        </thead>
                                            <tbody>
                                                
                                            </tbody>
                                    </table>
                                </div>      
                            </div>  
                        </div> 





                        <div class="card rounded text-left">
                            <div class="card-header" style="background: #0174DF; color: white">
                                <span > <i class="fas fa-file-invoice-dollar"></i> Formas de Pagamento </span>
                            </div>  
                            <div class="card-body">
                                <div class="row">
                                    <div class="col col-sm-2 text-left">
                                        <label class="col-form-label text-md-left">Valor Nfe</label>
                                        <input type="txt" name="valorNfe" id="txtValorNfe" class="form-control" style="text-align: right">
                                    </div> 

                                    <div class="col col-sm-2 text-left">
                                        <label class="col-form-label text-md-left">Desconto</label>
                                        <input type="txt" name="desconto" id="txtDesconto" class="form-control mask_moeda" style="text-align: right">
                                    </div> 

                                     <div class="col col-sm-2 text-left">
                                        <label class="col-form-label text-md-left">Valor Total</label>
                                        <input type="txt" name="valorTotal" id="txtValorTotal" class="form-control" style="text-align: right">
                                    </div>  
                                    
                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Forma de Pagamento</label>
                                        <select id="txtFormapag" name="formapag" class="form-control">
                                            <option>Selecione a FormaPag...</option> 
                                            @foreach($listaFormasPagamento as $formaPag)
                                                <option value="{{$formaPag->getId()}}">{{$formaPag->getDescricao()}}</option>
                                            @endforeach                                          
                                        </select>
                                    </div>
                                    
                                    <div class="col col-sm-3 text-left">
                                        <label class="col-form-label text-md-left">Valor</label>
                                        <input type="txt" name="valorFormapag" id="txtValorFormapag" style="text-align: right" class="form-control mask_moeda"/>
                                    </div>
                                   
                                </div>
                                <br/>
                                <div class="row" >  

                                    

                                    <div class="col col-sm-10 text-left"></div>

                                     <div class="col col-sm-2 text-right">                                        
                                       
                                        <button id="btnNovaFormaPag" type="button" class="btn btn-primary" aria-label="Left Align" >
                                            <i class="fas fa-plus-circle"></i> Add
                                        </button>
                                    </div>								
                                   
                                </div>

                                <div class="row" > 
                                    <table id="tbAddFormaPag" class="table table-hover text-left">
                                        <thead>
                                            <tr>                                        
                                                <th></th> 
                                                <th class="text-center">Cod.</th> 
                                                <th>Forma Pagamento</th>                   
                                                <th style="text-align: center">Valor</th>                       
                                                <th></th>
                                            </tr>
                                        </thead>
                                            <tbody>
                                                
                                            </tbody>
                                    </table>
                                </div>

                                <div class="row" > 

                                    <div class="col col-sm-12 text-right">
                                        <br>
                                        <br>
                                        <button id="btn" type="submit" class="btn btn-success" aria-label="Left Align" >
                                            <i class="fas fa-save"></i> Finalizar Compra
                                        </button>
                                    </div> 

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




        </div>
        </form>
    </div>
</div><!-- <div class="container-fluid">-->

@include('partials._modal_form',
[
    'titulo'=> '',
    'icone'=>'fas fa-layer-group',
    'rota' => 'compra_nota_fiscal.salvar',
    'campos'=> 
    [
        [                
            'largura'=>'12',
            'id' =>'arquivo',
            'label'=>'Upload XML',
            'nome'=>'arquivo',
            'filtro'=>'application/xml',
            'tipo'=>'arquivo',
            'multiplo'=>false
        ]
    ]
])

@endsection