@extends('layouts.adminv2')
@section('title', "Dashboard")
@section('content')
<div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
    <div>
        <h3 class="fw-bold mb-3">Dashboard</h3>
        <h6 class="op-7 mb-2">Clique no card para mais informações!</h6>
    </div>
    {{-- <div class="ms-md-auto py-2 py-md-0">
        <a href="{{ route('rifaPremiada') }}" class="btn btn-primary btn-round">🔥 PESQUISAR COTA PREMIADA</a>
    </div> --}}
</div>
{{-- <div class="row">
    <div class="col-sm-6 col-md-3">
        <a href="{{route('afiliados')}}" class="card card-stats card-round">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-icon">
                        <div class="icon-big text-center icon-primary bubble-shadow-small">
                            <i class="fas fa-users"></i>
                        </div>
                    </div>
                    <div class="col col-stats ms-3 ms-sm-0">
                        <div class="numbers">
                            <p class="card-category">🚀 Afiliados</p>
                            <h4 class="card-title">0</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="{{route('mySweepstakes')}}" class="card card-stats card-round">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-icon">
                        <div class="icon-big text-center icon-info bubble-shadow-small">
                            <i class="fas fa-user-check"></i>
                        </div>
                    </div>
                    <div class="col col-stats ms-3 ms-sm-0">
                        <div class="numbers">
                            <p class="card-category">⚡ Rifas Ativas</p>
                            <h4 class="card-title">{{ $rifas->count() }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="{{route('resumo.pendentes')}}" class="card card-stats card-round">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-icon">
                        <div class="icon-big text-center icon-success bubble-shadow-small">
                            <i class="fas fa-luggage-cart"></i>
                        </div>
                    </div>
                    <div class="col col-stats ms-3 ms-sm-0">
                        <div class="numbers">
                            <p class="card-category">⏳ Pedidos Pendentes</p>
                            <h4 class="card-title">{{ $participantes->where('reservados', '>', 0)->count() }}</h4>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-md-3">
        <a href="{{route('resumo.ranking')}}" class="card card-stats card-round">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-icon">
                        <div class="icon-big text-center icon-secondary bubble-shadow-small">
                            <i class="far fa-check-circle"></i>
                        </div>
                    </div>
                    <div class="col col-stats ms-3 ms-sm-0">
                        <div class="numbers">
                            <p class="card-category">🏆 Ranking</p>

                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
</div> --}}
<style>
    .stamp {
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>
<div class="row">
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('profile')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-secondary me-3">
                    <i class="fa fa-cog nav-icon"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Configurações</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('mySweepstakes')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-success me-3">
                    <i class="far fa-clone nav-icon"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Rifas</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('resumo.pendentes')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-danger me-3">
                    <i class="fas fa-luggage-cart"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Ped. Pendentes</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('resumo.ranking')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-warning me-3">
                    <i class="fas fa-medal nav-icon"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Ranking</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
</div>
<div class="row">
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('moreLess')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-secondary me-3">
                    <i class="fas fa-less-than-equal"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>+/- Cotas</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('listaCotasPremiadasAll')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-success me-3">
                    <i class="fas fa-trophy"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Cotas Premiadas</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('listaCotasPremiadas')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-danger me-3">
                    <i class="fas fa-eye-slash"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Bloquear Cotas</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
    <div class="col-sm-6 col-lg-3">
        <a href="{{route('afiliados')}}" class="card p-3">
            <div class="d-flex align-items-center">
                <span class="stamp stamp-md bg-warning me-3">
                    <i class="fas fa-users"></i>
                </span>
                <div>
                    <h6 class="mb-1">
                        <b>Afiliados</b>
                    </h6>
                </div>
            </div>
        </a>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <div class="card-title">Estatisticas</div>
            </div>
            <div class="card-body">
                <div class="chart-container">
                    <canvas id="barChart"></canvas>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    var barChart = document.getElementById("barChart").getContext("2d")
    var myBarChart = new Chart(barChart, {
        type: "bar",
        data: {
          labels: [
            @foreach($rifas as $rifa)
            "{{ \Illuminate\Support\Str::limit($rifa->name, 10) }}",
            @endforeach
          ],
          datasets: [
            {
              label: "Vendas",
              backgroundColor: "rgb(23, 125, 255)",
              borderColor: "rgb(23, 125, 255)",
              data: [
                @foreach($rifas as $rifa)
                {{$rifa->participantes()->where('pagos', '>', 0)->sum('valor')}},
                @endforeach
            ],
            },
          ],
        },
        options: {
          responsive: true,
          maintainAspectRatio: false,
          scales: {
            yAxes: [
              {
                ticks: {
                  beginAtZero: true,
                },
              },
            ],
          },
        },
      });

</script>
@endsection
<script>
    function link(url) {
            window.location.href = url;
        }
</script>