@extends('layouts.app')

@section('content')
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{{ public_path('/plugins/fontawesome-free/css/all.min.css')  }}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{{ public_path('/dist/css/adminlte.min.css') }}">

    <style>
        .main-sidebar, .main-header, .main-footer {
            display: none;
        }

        .content-wrapper {
            margin-left: 0 !important;
        }
    </style>

    <div class="row mb-2">
        <div class="col-sm-6">
            <h2 style="font-family: arial;">Relatório de Top Jogos</h2>
        </div>
        <div class="col-sm-6">
            <table style="width: 100%;">
                <tr>
                    <td>De: {{ date('d/m/Y', strtotime(request()->get('date_init'))) }}</td>
                    <td>Até: {{ date('d/m/Y', strtotime(request()->get('date_end'))) }}</td>
                </tr>
            </table>
        </div>
    </div>

    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>Posição</th>
            <th>ID do jogo</th>
            <th>Nome</th>
            <th>Provedor</th>
            <th>Entrada</th>
            <th>Saída</th>
            <th>Quantidade</th>
        </tr>
        </thead>

        <tbody>
        @if(isset($data))
            @foreach($data as $idx => $w)
                <tr>
                    <td>{{ $idx+1 }}°</td>
                    <td>{{ $w->id }}</td>
                    <td>{{ $w->name }}</td>
                    <td>{{ $w->provider_name }}</td>
                    <td>R$ {{ number_format($w->value, 2, ',', '.') }}</td>
                    <td>R$ {{ number_format($w->premium, 2, ',', '.') }}</td>
                    <td>{{ $w->qtd }}</td>
                </tr>
            @endforeach
        @endif
        </tbody>

    </table>
@endsection