{% extends "base.html" %}
{% set active_page = "home" %}
{% block title %}HAProxy • Home{% endblock %}
{% block breadcrumb %}<nav aria-label="breadcrumb" class="mb-3"><ol class="breadcrumb mb-0"><li class="breadcrumb-item"><a href="{{ url_for('main.index') }}"><i class="bi bi-house"></i></a></li><li class="breadcrumb-item active" aria-current="page">Pulpit</li></ol></nav>{% endblock %}
{% block content %}
<div class="card shadow-sm">
  <div class="card-body">
    <h4 class="mb-3">Summary</h4>
    <div class="row g-3">
      <div class="col-md-6 col-lg-4">
        <div class="p-3 rounded border d-flex align-items-center justify-content-between">
          <div class="me-3"><i class="fas fa-globe fa-lg"></i></div>
          <div class="text-end">
            <div class="text-muted">Frontends</div>
            <div class="fs-4 fw-bold">{{ frontend_count }}</div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div class="p-3 rounded border d-flex align-items-center justify-content-between">
          <div class="me-3"><i class="fas fa-sitemap fa-lg"></i></div>
          <div class="text-end">
            <div class="text-muted">Backends</div>
            <div class="fs-4 fw-bold">{{ backend_count }}</div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-4">
        <div class="p-3 rounded border d-flex align-items-center justify-content-between">
          <div class="me-3"><i class="fas fa-user-lock fa-lg"></i></div>
          <div class="text-end">
            <div class="text-muted">ACL</div>
            <div class="fs-4 fw-bold">{{ acl_count }}</div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-6">
        <div class="p-3 rounded border d-flex align-items-center justify-content-between">
          <div class="me-3"><i class="fas fa-code fa-lg"></i></div>
          <div class="text-end">
            <div class="text-muted">L7 (HTTP)</div>
            <div class="fs-4 fw-bold">{{ layer7_count }}</div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-lg-6">
        <div class="p-3 rounded border d-flex align-items-center justify-content-between">
          <div class="me-3"><i class="fas fa-network-wired fa-lg"></i></div>
          <div class="text-end">
            <div class="text-muted">L4 (TCP)</div>
            <div class="fs-4 fw-bold">{{ layer4_count }}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-4">
      <a href="{{ url_for('main.index') }}" class="btn btn-primary"><i class="fas fa-plus me-2"></i>Add Frontend/Backend</a>
    </div>
  </div>
</div>
{% endblock %}