@extends('layouts.app')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/gigax-compact.css') }}?v=1.0.0">
@endpush
@section('title','Loja - GIGAX ARENA')
@section('page_title','Loja')
@section('content')
<div class="grid page-grid">
    <section class="panel pad">
        <div class="tabs"><span class="tab active">Geral</span><span class="tab">Histórico</span><span class="tab">Detalhes</span></div>
        <h3 class="panel-title">Loja</h3>
        <div class="grid cards-grid">
            <div class="stat-card"><small>Status</small><strong class="green">Online</strong></div>
            <div class="stat-card"><small>Partidas</small><strong>156</strong></div>
            <div class="stat-card"><small>Vitórias</small><strong>98</strong></div>
            <div class="stat-card"><small>Taxa</small><strong>62.8%</strong></div>
        </div>
        <table class="table" style="margin-top:18px">
            <thead><tr><th>Item</th><th>Status</th><th>Valor</th><th>Ação</th></tr></thead>
            <tbody>
                <tr><td>CrossFire</td><td><span class="green">Ativo</span></td><td>GIGAX</td><td><button class="btn dark">Abrir</button></td></tr>
                <tr><td>Competitivo</td><td><span class="green">Liberado</span></td><td>Ranked</td><td><button class="btn dark">Detalhes</button></td></tr>
                <tr><td>Histórico</td><td><span class="muted">Recente</span></td><td>Hoje</td><td><button class="btn dark">Ver</button></td></tr>
            </tbody>
        </table>
    </section>
    <aside class="grid">
        <div class="panel pad"><h3 class="panel-title">Resumo</h3><div class="row"><span>Nível</span><b>27</b></div><div class="row"><span>KR</span><b class="green">2.450</b></div><div class="row"><span>K/D</span><b>1.68</b></div></div>
        <div class="store-banner"><h2>GIGAX ARENA</h2><strong class="green">Sistema leve e ativo</strong></div>
    </aside>
</div>
@endsection