{% extends "base.html.j2" %}

{% block content %}
    <h1 class="h2 mt-3">Welcome</h1>
    <p>Welcome to the Bypass Censorship portal.</p>

    <div class="row row-cols-1 row-cols-md-3 g-4">
  <div class="col">
    <div class="card h-100">
        <h3 class="h4 card-header">Groups</h3>
      <div class="card-body">
        <h5 class="card-title">Active Groups: {{ groups | count }}</h5>
        <p class="card-text">{% for group in groups %}<a href="{{ url_for("portal.edit_group", group_id=group.id) }}" title="{{ group.description }}">{{ group.group_name }}</a>{{ ", " if not loop.last else "" }}{% endfor %}</p>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
        <h3 class="h4 card-header">Proxies</h3>
      <div class="card-body">
        <h5 class="card-title">Total proxies running: {{ proxies | count }}</h5>
          <p class="card-text">Marked blocked:
          <ul class="card-text">
              <li>Last 24 hours: {{ last24 }}</li>
              <li>Last 72 hours: {{ last72 }}</li>
              <li>Last week: {{ lastweek }}</li>
          </ul>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
        <h3 class="h4 card-header">More stats</h3>
      <div class="card-body">
        <h5 class="card-title">Future dev goal</h5>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
      </div>
    </div>
  </div>
</div>
{% endblock %}