@extends('layouts.app')

@section('title', 'Estatisticas ao Vivo')

@section('content')
    <section class="live-hero">
        <div>
            <div class="live-kicker">Acompanhamento do organizador</div>
            <h1>Estatisticas ao vivo</h1>
            <p>Ultima atualizacao: {{ $ultimaAtualizacao ? \Carbon\Carbon::parse($ultimaAtualizacao)->format('d/m/Y H:i:s') : '--' }}</p>
        </div>
        <button class="button secondary" type="button" onclick="window.location.reload()">Atualizar</button>
    </section>

    <section class="live-grid">
        <div class="live-metric main">
            <span>Inscritos</span>
            <strong>{{ $totais['participantes'] }}</strong>
        </div>
        <div class="live-metric">
            <span>Entrada</span>
            <strong>{{ $totais['entradas'] }}</strong>
        </div>
        <div class="live-metric">
            <span>Saida</span>
            <strong>{{ $totais['saidas'] }}</strong>
        </div>
        <div class="live-metric">
            <span>No evento</span>
            <strong>{{ $totais['dentro'] }}</strong>
        </div>
    </section>

    <section class="grid two-cols" style="margin-top:18px;">
        <div class="card live-card">
            <div class="section-heading">
                <h2>Por BOX</h2>
                <span>{{ $porBox->count() }} BOX</span>
            </div>
            <div class="table-wrap">
                <table class="live-table">
                    <thead>
                        <tr>
                            <th>BOX</th>
                            <th>Inscritos</th>
                            <th>Entrada</th>
                            <th>Saida</th>
                            <th>No evento</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($porBox as $box)
                            <tr>
                                <td><strong>{{ $box->box_nome }}</strong></td>
                                <td>{{ $box->inscritos }}</td>
                                <td>{{ $box->entradas }}</td>
                                <td>{{ $box->saidas }}</td>
                                <td>{{ $box->no_evento }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="muted">Nenhum BOX recebido ainda.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card live-card">
            <div class="section-heading">
                <h2>Participantes e Coaches</h2>
                <span>Campo observacao</span>
            </div>
            <div class="table-wrap">
                <table class="live-table">
                    <thead>
                        <tr>
                            <th>Tipo</th>
                            <th>Inscritos</th>
                            <th>Entrada</th>
                            <th>Saida</th>
                            <th>No evento</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($porCategoria as $categoria)
                            <tr>
                                <td><strong>{{ $categoria->categoria_nome }}</strong></td>
                                <td>{{ $categoria->inscritos }}</td>
                                <td>{{ $categoria->entradas }}</td>
                                <td>{{ $categoria->saidas }}</td>
                                <td>{{ $categoria->no_evento }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="muted">Nenhuma classificacao recebida ainda.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <script>
        window.setTimeout(function () {
            window.location.reload();
        }, 30000);
    </script>
@endsection