@extends('adminlte::page')

@section('title_postfix', ' - Entradas')

@section('content_header')
  <h1>Entradas</h1>
@stop

@section('content')

  <div class="box box-primary" style="margin-top: 2em">
    <div class="box-body">

      @if(session('message'))
        <div class="alert alert-success" role="alert">Definições alteradas com sucesso.</div>
      @endif
      
 <div class="row">
     <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;  font-size: 22px;"><br></div>
     <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;   font-size: 22px;"><br></div>
      <div class="col-sm-6 text-center" style="background-color:transparent;  font-size: 22px; color: #8c8c8c;"><br></div>
  <div class="col-sm-6 text-center" style="background-color:transparent;  font-size: 22px; color: #8c8c8c;"><br></div>
 </div>

 <div class="row">
    <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;  font-size: 22px;">Entradas no Site</div>
    <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;   font-size: 22px;">Entradas no Catálogo de Homem</div>
      <div class="col-sm-6 text-center" style="background-color:#fff;  font-size: 112px; color: #8c8c8c;"><div id="shiva"><span class="count">{{ $counters->activity_counter_index}}</span></div></div>
    <div class="col-sm-6 text-center" style="background-color:transparent;  font-size: 112px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_catalog_man}}</span></div></div>
   
    <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;    font-size: 22px;">Entradas no Catálogo de Mulher</div>
     <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;    font-size: 22px;">Consulta de Contactos</div>
      <div class="col-sm-6 text-center " style="background-color:transparent;   font-size: 112px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_catalog_woman}}</span></div></div>
 <div class="col-sm-6 text-center " style="background-color:#fff;   font-size: 112px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_contacts}}</span></div></div>

 </div>
       <div class="row">
    <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;  font-size: 22px;">Entradas no blog</div>
    <div class="col-sm-6 text-center " style="background-color:transparent; color:#595959;   font-size: 22px;">Entradas nas Tendências</div>
      <div class="col-sm-6 text-center" style="background-color:#fff;  font-size: 112px; color: #8c8c8c;"><div id="shiva"><span class="count">{{ $counters->activity_counter_blog}}</span></div></div>
    <div class="col-sm-6 text-center" style="background-color:transparent;  font-size: 112px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_gallery}}</span></div></div>
   

 </div>
 <br><br>
<!-- <div class="row">
    <div class="col-sm-6 text-center" style="background-color:lavender;  font-size: 72px; color: #8c8c8c;"><div id="shiva"><span class="count">{{ $counters->activity_counter_index}}</span></div></div>
    <div class="col-sm-6 text-center" style="background-color:lavenderblush;  font-size: 72px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_catalog_man}}</span></div></div>
    <div class="col-sm-6 text-center " style="background-color:lavender;   font-size: 72px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_catalog_woman}}</span></div></div>
 <div class="col-sm-6 text-center " style="background-color:lavender;   font-size: 72px; color: #8c8c8c; "><div id="shiva"><span class="count">{{ $counters->activity_counter_catalog_woman}}</span></div></div>


    </div>-->
  </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
    $('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 1800,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
    </script>
@stop