{% extends "base.html" %}

{% block content %}
<h4 class="mb-3">Available Technologies</h4>

{% if ips %}
  <div class="list-group">
    {% for ip in ips %}
      <a href="{% url 'portfolio:ip_detail' ip.pk %}" class="list-group-item list-group-item-action">
        <div class="d-flex w-100 justify-content-between">
          <h5 class="mb-1">{{ ip.title }}</h5>
          <small>Status: {{ ip.status }}</small>
        </div>
        <p class="mb-1 text-muted">{{ ip.abstract|truncatechars:180 }}</p>
      </a>
    {% endfor %}
  </div>
{% else %}
  <p class="text-muted">No published IPs are available yet.</p>
{% endif %}
{% endblock %}