{% extends "base.html" %}

{% block title %}High Predicted Readiness – IP2Market{% endblock %}

{% block content %}
<h3 class="mb-3">{{ page_title|default:"High Predicted Readiness IPs" }}</h3>

<a href="{% url 'portfolio:tto_dashboard' %}" class="btn btn-link mb-3">
  ← Back to TTO Dashboard
</a>

<div class="card">
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead class="table-light">
          <tr>
            <th>Title</th>
            <th>Owner</th>
            <th class="text-center">TRL</th>
            <th class="text-center">CRL</th>
            <th class="text-center">Readiness</th>
            <th class="text-center">Interested</th>
            <th>Date Submitted</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for ip in ip_list %}
            <tr>
              <td>{{ ip.title }}</td>
              <td>{{ ip.owner.username }}</td>
              <td class="text-center">{{ ip.trl|default:"—" }}</td>
              <td class="text-center">{{ ip.crl|default:"—" }}</td>
              <td class="text-center">
                {% if ip.overall_score is not None %}
                  <span class="badge rounded-pill text-bg-success">
                    {{ ip.overall_score|floatformat:1 }}
                  </span>
                {% else %}
                  —
                {% endif %}
              </td>
              <td class="text-center">
                {{ ip.interested_count|default:"0" }}
              </td>
              <td>{{ ip.created_at|date:"Y-m-d" }}</td>
              <td class="text-end">
                <a href="{% url 'portfolio:ip_detail' ip.id %}"
                   class="btn btn-sm btn-outline-secondary">Open</a>
              </td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="8" class="text-center text-muted py-4">
                No high-readiness IPs yet.
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}