@extends('layouts.app')

@section('title', 'Relatórios - Vendas')

@section('content')

<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .pd-15{ padding: 15px; }
    .font{ font-size: 24px; }
    .filtro-ul{ list-style: none; display: flex; flex-wrap: wrap;}
    .filtro-li{ margin-right: 10px; padding: 5px 16px; border: 1px solid rgba(0,0,0,0.3); text-transform: uppercase; font-weight: bold; border-radius: 8px; font-size: 11px; margin-bottom: 8px;}

    @media print {
        .panel-body{ margin: -50% -5% 3% -5%; }
        .row-mt-2{ margin-top: 30px; }
    }
</style>
<header class="page-header no-print">
    <h2>Relatórios</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs no-print">
            <li><a href="{{ route('index.relatorios') }}">Relatórios</a></li>
            <li><a href="{{ route('index.relatorios.vendas') }}">Vendas</a></li>
            <li><span>Resultado</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>
<style>
    .border-table{ 
        border-top: 2px solid rgba(0,0,0,0.5);     
        border-right: 2px solid rgba(0,0,0,0.5);     
        border-bottom: 2px solid rgba(0,0,0,0.5);     
        border-left: 2px solid rgba(0,0,0,0.5);     
    }
</style>
<div class="section-page" style="margin-top: 40px; width: 100%; margin-left: 10px;">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="btn-group">
                <button class="btn btn-success btn-md text-uppercase no-print" onclick="window.print();">Imprimir</button>
                <a href="{{ route('index.relatorios.vendas') }}" class="btn btn-danger btn-md text-uppercase no-print">Sair</a>
            </div>
        </div>
        <div class="panel-body">
            <div class="no-print">
                <div class="row row-mt">
                    <div class="col-md-12">
                        <h4>Filtros</h4>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <ul class="filtro-ul">
                        @foreach( $array_filtros as $k => $v )
                            @if( !empty($v) )
                                <li class="filtro-li">{{ $v }}</li>
                            @endif
                        @endforeach
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row row-mt">
                <div class="col-md-4">
                    <span class="text-bold">Data: {{ \Carbon\Carbon::now()->format('d/m/Y H:i:s') }}</span>
                </div>
                <div class="col-md-8">
                    <span class="font-print font">Relatório de {{ $nome_relatorio }}</span>
                </div>
            </div>

            <div class="row row-mt">
                <div class="table-responsive"> 
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th colspan="8" class="text-center"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse( $grupos as $grupo ) 
                                <tr>
                                    <td colspan="4" class="text-center text-bold">Grupo: {{ $grupo->ds_grupo }}</td>
                                    <td colspan="4" class="text-center text-bold">Sub-grupo: {{ $grupo->ds_subgrupo }}</td>
                                </tr>
                                <tr>
                                    <td>Cód venda</td>
                                    <td>Data venda</td>
                                    <td>Qtde. produto</td>
                                    <td>Cód produto</td>
                                    <td>Produto</td>
                                    <td>Tipo pagamento</td>
                                    <td>Vr. unitário</td>
                                    <td>Vr. total</td>
                                </tr>
                                @foreach( $pedidos as $pedido )
                                    <!-- @php( $qtde_itens = App\Models\PedidoItens::leftJoin('produtos', 'produtos.id', '=', 'pedido_itens.id_produto')
                                                ->leftJoin('subgrupos', 'subgrupos.id', '=', 'produtos.id_subgrupo')
                                                ->leftJoin('grupos', 'grupos.id', '=', 'subgrupos.id_grupo')
                                                ->where('pedido_itens.id_pedido', $pedido->id)
                                                ->where('grupos.id', $grupo->id)
                                                ->where('subgrupos.id', $grupo->subgrupo_id)
                                                ->where('pedido_itens.id_pedido', $pedido->id)
                                                ->count(DB::raw('pedido_itens.quantidade')) ) -->
                                    
                                    <tr>
                                        <td>{{ $pedido->cd_venda }}</td>
                                        <td>{{ \Carbon\Carbon::parse($pedido->dt_venda)->format("d/m/Y") }}</td>
                                        <td>{{ $pedido->quantidade }}</td>
                                        <td>{{ $pedido->cd_produto }}</td>
                                        <td>{{ $pedido->nome }}</td>
                                        <td>{{ $pedido->tipoPagamento->nome }}</td>
                                        <td>R$ {{ number_format($pedido->vr_unitario, 2, ',', '.') }}</td>
                                        <td>R$ {{ number_format(($pedido->vr_unitario * $pedido->quantidade), 2, ',', '.') }}</td>
                                    </tr>
                                @endforeach
                                <tr class="text-bold">
                                    <td colspan="4">Qtde. total por sub-grupo: 123</td>
                                    <td colspan="4">Vr. total por sub-grupo: R$ 123,45</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center">Nenhum registro encontrado</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection