@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-image',
    'titulo'=>'Produtos',    
    'breadcrumb'=>['Cadastro','Produto']
])

@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/cadastro/produto/list.js') }}}"></script>
@endsection
 

@section('pagina')

    <div class="container-fluid"> 

        <div class="card mt-2">
           
            <form method="GET" target="_blank" action="{{route('cadastro.produto.ajax_lista_itens')}}">
                <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                    <h2> Produtos Registrados </h2>
                    <div class="col text-right">                     
                        <button id="btnProduto" type="button" class="btn btn-light btn-sm" aria-label="Left Align">
                            <i class="fas fa-plus-circle"></i> Novo Produto
                        </button>                    
                        <button id="btnItens" type="submit" class="btn btn-danger btn-sm" aria-label="Left Align">
                            <i class="fas fa-plus-circle"></i> Itens MGV
                        </button>
                        </form> 
                    </div>
                </div> 
            </form>


            <div class="card-body">
                <div class="row" >
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbProdutos" class="table table-hover text-left" style="width:100%">
                            <thead>
                                <tr> 
                                    <th class="text-left">Código</th> 
                                    <th class="text-left">Produto</th>
                                    <th class="text-left">Preço</th>

                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($listaProdutos as $lista)
                                    <tr>
                                        <td width="20%" id="{{$lista['id']}}_cod">{{$lista['codbar']}}</td> 
                                        <td width="60%" id="{{$lista['id']}}_desc">{{$lista['descricao']}}</td>  
                                        <td width="10%" id="{{$lista['id']}}_preco">{{$lista['valor_unitario']}}</td>                                      
                                                                               
                                        <td class="text-center"> 
                                            <span name="editBtn" class="btn btn-xs btn-warning fas fa-edit text-white cursor-pointer" data="{{$lista['id']}}" title="Editar"></span>                                          
                                            <span name="delBtn" class="btn btn-xs btn-danger fas fa-trash-alt text-white cursor-pointer" data="{{$lista['id']}}" title="Deletar"></span>
                                        </td>
                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>


     
 <!-- Modal adição-->
 <div class="modal fade" id="addCliente" tabindex="-1" role="dialog" aria-labelledby="addCliente" aria-hidden="true">
	<div class="modal-dialog" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Novo Produto  </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <form  method="POST" action="{{route('cadastro.produto.salvar')}}" >
                    @csrf
            <div class="card-body">  

                 <div class="row mt-3">                    

                    <div class="col-12 col-md-9">
                        <label class="form-label" for="cnpjCpf"> Código de Barra (opcional) </label>
                        <input class="form-control" id="cdb" type="text" name="cdb" />                        
                    </div>

                </div>   


                <div class="row mt-3">

                    <div class="col-12 col-md-12">
                        <label class="form-label" for="nome"> Produto (incluindo Unidade) </label>
                        <input class="form-control" id="prod" type="text" name="prod" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha um nome para o produto.
                        </div>
                    </div> 

                </div>   

                
                <div class="row mt-3">

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome"> Preço Venda </label>
                        <input class="form-control mask_moeda" id="preco" type="text" name="preco" required/>                        
                    </div> 

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome"> Grupo</label>
                        <select id="kfgrupo" name="kfgrupo" class="form-control">
                            <option value="0">Selecione um grupo...</option>
                            @foreach($listaGrupos as $lista)
                                <option value="{{$lista->id}}">{{$lista->id.' - '.$lista->nome}}</option>
                            @endforeach             
                        </select>                        
                    </div> 

                </div>


               
    
                    <div class="row mt-3"> 
                        <div class="col-12 col-md-12 text-right">
                            <button class="btn btn-success" id="btnSalvar" type="submit">
                                <i class="fas fa-save"></i>  Confirmar
                            </button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close"></i> Cancelar</button> 
                        </div>
                    </div> 


            </div>

            </form>

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


   
 <!-- Modal edição-->
 <div class="modal fade" id="editCliente" tabindex="-1" role="dialog" aria-labelledby="editCliente" aria-hidden="true">
	<div class="modal-dialog" role="document">

		<div class="modal-content">
			<div class="modal-header card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
				<h5 class="modal-title" > Editar Produto  </h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>

            <form  method="POST" action="{{route('cadastro.produto.editar')}}" >
                    @csrf
            <div class="card-body">                 


                <div class="row mt-3">

                    <div class="col-12 col-md-12">
                        <label class="form-label" for="nome"> Produto (incluindo Unidade) </label>
                        <input class="form-control" id="edprod" type="text" name="edprod" required/>
                        <div class="invalid-feedback">
                            Por favor, escolha um nome para o produto.
                        </div>
                    </div> 

                </div>   

                
                <div class="row mt-3">

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome"> Preço Venda </label>
                        <input class="form-control mask_moeda" id="edpreco" type="text" name="edpreco" required/>                        
                    </div> 

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome"> Grupo</label>
                        <select id="ekfgrupo" name="ekfgrupo" class="form-control">
                            <option value="0">Selecione um grupo...</option>
                            @foreach($listaGrupos as $lista)
                                <option value="{{$lista->id}}">{{$lista->id.' - '.$lista->nome}}</option>
                            @endforeach             
                        </select>                        
                    </div>

                </div>


                <input type="hidden" id="id"  name="id" />                        
              
    
                    <div class="row mt-3"> 
                        <div class="col-12 col-md-12 text-right">
                            <button class="btn btn-success" id="btnSalvar" type="submit">
                                <i class="fas fa-save"></i>  Confirmar
                            </button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-window-close"></i> Cancelar</button> 
                        </div>
                    </div> 


            </div>

            </form>

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

    @include('partials._modal_delete',
    [
        'rota'=>'cadastro.produto.deletar',
        'titulo'=>'Confirma Exclusão',
        'mensagem_delete'=>'Tem certeza que deseja excluir o Produto'
    ])

@endsection