@extends('layouts.layout_pagina',
[
    'icone_titulo'=>'fas fa-laptop',
    'titulo'=>'Relatorio - Vendas Cliente',
    'breadcrumb'=>['Relatorio','Vendas Clientes']
])

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

@section('scripts')
    <script src="{{{ URL::asset('js/DataTables/datatables.min.js') }}}"></script>
    <script src="{{{ URL::asset('js/views/relatorio/ranckingclientes.js') }}}"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>
@endsection

@section('pagina')
    
<div class="container-fluid">       
    <div class="card mt-2">
    <div class="card-header cor-card-header text-white d-flex justify-content-between bg-primary-gradient">
        <h3> Relatorio - Vendas Clientes </h3> 
        <a href="{{route('relatorio.rancking')}}"  class="btn btn-warning text-white" title="Voltar a página anterior"><i class="fas fa-arrow-left text-white"> Retornar</i></a>                    
    </div>
        <div class="card-body">
        </div>
        <div class="card-body">
            <div class="row" >
                <div class="col panel panel-primary table-responsive">
                    <table id="tbClientes" class="table table-hover text-left">
                        <thead>
                            <tr>
                                <th>Data</th>
                                <th>Produto</th>                                        
                                <th>Quantidade</th>
                                <th>Valor unitário</th>                                       
                                <th>Valor Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($listaVendas as $lista)
                                <tr>
                                    <td>{{date('d/m/Y',strtotime($lista->getDtCriacao()))}}</td>
                                    <td>{{$lista->Produto->getDescricao()}}</td>                                         
                                    <td>{{$lista->getQuantidade()}}</td>
                                    <td class="mask_moeda">{{$lista->getValorUnitario()}}</td>
                                    <td class="mask_moeda">{{$lista->getValorTotal()}}</td>                                                                                                                              
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>              
        </div>
    </div>
</div>

@endsection