{% extends "base.html" %}
{% block title %}Dashboard - RouterOS Update{% endblock %}
{% block content %}
<div class="container">
  <h2 class="mb-4">Dashboard</h2>
  <div class="row">
    <div class="col-md-3">
      <div class="card text-white bg-primary mb-3">
        <div class="card-body">
          <h5 class="card-title">Urządzenia</h5>
          <p class="card-text display-6">{{ devices_count }}</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-white bg-danger mb-3">
        <div class="card-body">
          <h5 class="card-title">Wymagają aktualizacji</h5>
          <p class="card-text display-6">{{ pending_updates_count }}</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-white bg-success mb-3">
        <div class="card-body">
          <h5 class="card-title">Logi</h5>
          <p class="card-text display-6">{{ logs_count }}</p>
        </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="card text-white bg-secondary mb-3">
        <div class="card-body">
          <h5 class="card-title">Użytkownicy</h5>
          <p class="card-text display-6">{{ users_count }}</p>
        </div>
      </div>
    </div>
  </div>
  <!-- Możesz dodać dodatkowe statystyki lub wykresy poniżej -->
</div>
{% endblock %}