@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Painel Administrativo</h1>
@stop

@section('content')
    <div class="row">
    <div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total de Posts</h6>
               <span class="h2 mb-0">{{App\Models\News::where('deleted',false)->count()}}</span>
            </div>
            <div class="col-auto">
           
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total Vídeos</h6>
               <span class="h2 mb-0">{{App\Models\Videos::where('deleted',false)->count()}}</span>
            </div>
            <div class="col-auto">
             
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total de Músicas</h6>
               <span class="h2 mb-0">{{App\Models\Playlist::where('deleted',false)->count()}}</span>
            </div>
            <div class="col-auto">
               <div class="chart chart-sparkline">
                  <canvas role="img" height="35" width="75" style="display: block; box-sizing: border-box; height: 35px; width: 75px;"></canvas>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total de Fotos</h6>
               <span class="h2 mb-0">{{App\Models\Photo::where('deleted',false)->count()}}</span>
            </div>
            <div class="col-auto">
               
            </div>
         </div>
      </div>
   </div>
</div>
</div>
<div class="row">
<div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total de Downloads</h6>
               <span class="h2 mb-0">{{App\Models\Download::count()}}</span>
            </div>
            <div class="col-auto">
               
            </div>
         </div>
      </div>
   </div>
</div>
<div class="col-xl col-md-6 col-12">
   <div class="card">
      <div class="card-body">
         <div class="align-items-center row">
            <div class="col">
               <h6 class="text-uppercase text-body-secondary mb-2">Total de músicas ouvidas</h6>
               <span class="h2 mb-0">{{App\Models\Music::count()}}</span>
            </div>
            <div class="col-auto">
               
            </div>
         </div>
      </div>
   </div>
</div>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/dist/css/adminlte.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendor/adminlte/plugins/fontawesome-free/css/all.min.css') }}">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    @stop

@section('js')
    <script src="{{ asset('vendor/adminlte/plugins/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('vendor/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.min.js') }}"></script>
@stop