{% extends 'base.html' %}
{% block content %}
  <h1>Packages</h1>
  <div class="row">
    {% for pkg in packages %}
      <div class="col-md-4">
        <div class="card mb-3">
          <div class="card-body">
            <h5 class="card-title">{{ pkg.title }}</h5>
            <p>{{ pkg.description }}</p>
            <p><strong>{{ pkg.visits_count }} visits</strong></p>
            <p><strong>${{ pkg.price }}</strong></p>
            <a href="/orders/checkout/{{ pkg.id }}" class="btn btn-primary">Buy</a>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
{% endblock %}