@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-pallet',
    'titulo'=>'Estoque',
    'breadcrumb'=>['Estoque','Saldo']
])

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

@section('pagina')
    
    <div class="container-fluid">

        <div class="row">
            <div class="col-sm-6 col-md-3"></div>
          

        </div>        
        <div class="card mt-2">
            <div class="card-header cor-card-header text-white d-flex bg-primary-gradient" style="height: 50px; align-items: center">               
                <h2> Saldo em Estoque  </h2>                          
            </div>          
           
            <div class="card-body">
                <div class="row" >
                    <div class="col-12 col-md-12 table-responsive">
                        <table id="tbEstoques" class="table table-hover text-left" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Produto</th>
                                    <th class="text-center">Qtd Inicial</th>  
                                    <th class="text-center">Qtd Compras</th>                                   
                                    <th class="text-center">Qtde Vendas</th>
                                    <th class="text-center">Qtde Perdas</th>
                                    <th class="text-center">Mínimo </th>
                                    <th class="text-center">Saldo</th>
                                    <th class="text-center">Status</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                
                               
                                    @foreach($listaEstoques as $lista)

                                    @php

                                        if($lista->saldo == null){
                                            $saldo = 0;
                                        } else {
                                            $saldo = $lista->saldo;
                                        }

                                        if($lista->total_vendas == null){
                                            $total_vendas = 0;
                                        } else {
                                            $total_vendas = $lista->total_vendas;
                                        }

                                    @endphp
                                        <tr>
                                            <td width="50%" id="{{$lista['id']}}_descricao">{{$lista->descricao}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_compra">{{$lista->inicio}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_compra">{{$lista->total_compras}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_venda">{{number_format($total_vendas,3,',','.')}}</td> 
                                            <td class="text-center" id="{{$lista['id']}}_perda">{{$lista->total_perdas}}</td>
                                            <td class="text-center" id="{{$lista['id']}}_minimo">{{$lista->minimo}}</td>
                                            <td class="text-center" id="{{$lista['id']}}-saldo">{{number_format($saldo,3,',','.')}}</td>
                                            @if($saldo > 3)
                                                <td class="text-center" ><span class="badge-pill badge-success">Estoque_OK</span></td>
                                            @else 
                                                <td class="text-center" ><span class="badge-pill badge-danger">Repor_Estoque</span></td>
                                            @endif
                                            <td class="text-center">
                                                <span name="editBtn" class="btn btn-xs btn-warning fas fa-edit text-white cursor-pointer" data="{{$lista['id']}}" title="Perdas/Mínimo"></span>
                                            </td>
                                           
                                        </tr>
                                    @endforeach
                               
                            </tbody>
                        </table>
                    </div>
                </div>                
            </div>
        </div>
    </div>
    
    
    
        
 <!-- Modal edição-->
 <div class="modal fade" id="editPerda" 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 Perda  </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('estoque.saldo_estoque.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 </label>
                        <input class="form-control" id="edprod" type="text" name="edprod" readonly/>                       
                    </div> 

                </div>   

                
                <div class="row mt-3">

                    <div class="col-12 col-md-6">
                        <label class="form-label" for="nome"> Estoque Atual </label>
                        <input class="form-control" id="edperda" type="text" name="edperda" required/>                        
                    </div> 

                    <div class="col-12 col-md-6"> Mínimo </label>
                        <input class="form-control" id="edmin" type="text" name="edmin" required/>                        
                    </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>


  

@endsection