<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0">Statystyki</h1>
      </div>
      <!-- /.col -->
      <div class="col-sm-6"></div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container-fluid -->
</div>
<div class="content">
  <div class="container-fluid">
    <h5 class="mb-2">Ogólne dane</h5>
    <div class="row">
      <div class="col-lg-3 col-6">

        <div class="small-box bg-info">
          <div class="inner">
            <h3><%= @monitor[0][0] %></h3>
            <p>Dotacji w bazie</p>
          </div>
          <div class="icon">
            <i class="fas fa-database"></i>

          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-success">
          <div class="inner">
            <h3><%= @monitor[0][1] %></h3>
            <p>Aktywnych dotacji</p>
          </div>
          <div class="icon">
            <i class="fas fa-server"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-warning">
          <div class="inner">
            <h3><%= @monitor[0][2] %></h3>
            <p>Zapisane filtry</p>
          </div>
          <div class="icon">
            <i class="fas fa-filter"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-danger">
          <div class="inner">
            <h3><%= @monitor[0][3] %></h3>
            <p>Kontakty od klientów</p>
          </div>
          <div class="icon">
            <i class="fas fa-envelope"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

    </div>

    <hr />
    <h5 class="mb-2">Wizyty na stronie</h5>
    <div class="row">
      <div class="col-lg-3 col-6">

        <div class="small-box bg-warning">
          <div class="inner">
            <h3><%= @monitor[1][0] %></h3>
            <p>Wszystkie wizyty</p>
          </div>
          <div class="icon">
            <i class="fas fa-user-plus"></i>

          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-light">
          <div class="inner">
            <h3><%= @monitor[1][1] %></h3>
            <p>Wizyty - dzisiaj</p>
          </div>
          <div class="icon">
            <i class="fas fa-user-plus"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-secondary">
          <div class="inner">
            <h3><%= @monitor[1][2] %></h3>
            <p>Wizyty - 7 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-user-plus"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>


      <div class="col-lg-3 col-6">

        <div class="small-box bg-dark">
          <div class="inner">
            <h3><%= @monitor[1][3] %></h3>
            <p>Wizyty - 30 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-user-plus"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>
    </div>

    <hr />
    <h5 class="mb-2">Wygenerowane pliki PDF</h5>
    <div class="row">
      <div class="col-lg-3 col-6">

        <div class="small-box bg-primary">
          <div class="inner">
            <h3><%= @monitor[2][0] %></h3>
            <p>Pobrane pliki</p>
          </div>
          <div class="icon">
            <i class="fas fa-download"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-light">
          <div class="inner">
            <h3><%= @monitor[2][1] %></h3>
            <p>Pobrane pliki - dzisiaj</p>
          </div>
          <div class="icon">
            <i class="fas fa-download"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-secondary">
          <div class="inner">
            <h3><%= @monitor[2][2] %></h3>
            <p>Pobrane pliki - 7 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-download"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>


      <div class="col-lg-3 col-6">

        <div class="small-box bg-dark">
          <div class="inner">
            <h3><%= @monitor[2][3] %></h3>
            <p>Pobrane pliki - 30 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-download"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

    </div>

    <hr />
    <h5 class="mb-2">Wyszukiwanie</h5>
    <div class="row">
      <div class="col-lg-3 col-6">

        <div class="small-box bg-success">
          <div class="inner">
            <h3><%= @monitor[3][0] %></h3>
            <p>Wszystkie wyszukania</p>
          </div>
          <div class="icon">
            <i class="fas fa-search"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-light">
          <div class="inner">
            <h3><%= @monitor[3][1] %></h3>
            <p>Wyszukiwanie - dzisiaj</p>
          </div>
          <div class="icon">
            <i class="fas fa-search"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>

      <div class="col-lg-3 col-6">

        <div class="small-box bg-secondary">
          <div class="inner">
            <h3><%= @monitor[3][2] %></h3>
            <p>Wyszukiwanie - 7 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-search"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>


      <div class="col-lg-3 col-6">

        <div class="small-box bg-dark">
          <div class="inner">
            <h3><%= @monitor[3][3] %></h3>
            <p>Wyszukiwanie - 30 dni</p>
          </div>
          <div class="icon">
            <i class="fas fa-search"></i>
          </div>
          <a href="#" class="small-box-footer">&nbsp;</a>
        </div>
      </div>
    </div>


  </div>
</div>
