{% extends "base.html" %}

{% block title %}Interested Partners – {{ ip.title }}{% endblock %}

{% block content %}
<h3 class="mb-3">Interested Partners</h3>

<div class="card mb-3">
  <div class="card-body">
    <h5 class="card-title mb-1">{{ ip.title }}</h5>
    <p class="text-muted mb-0">
      TRL: {{ ip.trl|default:"—" }} ·
      CRL: {{ ip.crl|default:"—" }} ·
      Total interests: {{ interests|length }}
    </p>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <h6 class="card-title mb-3">Interested Partners List</h6>

    <div class="table-responsive">
      <table class="table table-sm align-middle">
        <thead class="table-light">
          <tr>
            <th>Partner</th>
            <th>Email</th>
            <th>Message</th>
            <th>Submitted</th>
            <th>Status</th>
          </tr>
        </thead>
        <tbody>
          {% for interest in interests %}
            <tr>
              <!-- username clickable to Partner Profile -->
              <td>
                <a href="{% url 'portfolio:partner_profile' interest.partner.id %}">
                  {{ interest.partner.username }}
                </a>
              </td>

              <td>
                {{ interest.partner.email|default:"—" }}
              </td>

              <td class="small">
                {{ interest.message|default:"—" }}
              </td>

              <td>
                {{ interest.created_at|date:"Y-m-d H:i" }}
              </td>

              <td>
                <span class="badge text-bg-secondary">New</span>
              </td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="5" class="text-center text-muted py-4">
                No partners have expressed interest in this IP yet.
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<a href="{% url 'portfolio:tto_dashboard' %}" class="btn btn-secondary mt-3">
  Back to TTO Dashboard
</a>
{% endblock %}