{% extends "base.html" %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h3>My IP Portfolio</h3>
  <button
    type="button"
    class="btn btn-outline-primary btn-sm"
    data-bs-toggle="modal"
    data-bs-target="#bulkUploadMyIPsModal">
    Bulk Upload My IPs (CSV)
  </button>
</div>

  {# use the named URL for the new create view #}
  <a class="btn btn-primary" href="{% url 'portfolio:ip_create' %}">Add IP</a>
</div>

<table class="table align-middle">
  <thead>
    <tr>
      <th>Title</th>
      <th>Domain</th>
      <th>Status</th>
      <th>TRL</th>
      <th>CRL</th>
      <th class="text-end">Actions</th>
    </tr>
  </thead>
  <tbody>
    {# list_assets view passes 'ips' in the context #}
    
    {% for ip in ips %}
      <tr>
        <td>{{ ip.title }}</td>
        <td>{{ ip.domain|default:"—" }}</td>
        <td>{{ ip.get_status_display }}</td>
        
        <!-- TRL column -->
        <td>{{ ip.trl|default:"—" }}</td>

        <!-- CRL column -->
        <td>{{ ip.crl|default:"—" }}</td>
        
        <td class="text-end">
          {# NEW detail/edit views with readiness scoring #}
          <a class="btn btn-sm btn-light"
             href="{% url 'portfolio:ip_detail' ip.pk %}">
            Open
          </a>

          <a class="btn btn-sm btn-outline-secondary"
             href="{% url 'portfolio:ip_edit' ip.pk %}">
            Edit
          </a>

          <form class="d-inline"
                method="post"
                action="{% url 'portfolio:portfolio_delete' ip.pk %}"
                onsubmit="return confirm('Delete this IP? This cannot be undone.');">
            {% csrf_token %}
            <button class="btn btn-sm btn-outline-danger">Delete</button>
          </form>
        </td>
      </tr>
    {% empty %}
      <tr>
        <td colspan="5" class="text-center text-muted">
          No IP yet. Click “Add IP”.
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

<div class="modal fade" id="bulkUploadMyIPsModal" tabindex="-1" aria-labelledby="bulkUploadMyIPsModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="post" action="{% url 'portfolio:bulk_upload_my_ips' %}" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="modal-header">
          <h5 class="modal-title" id="bulkUploadMyIPsModalLabel">Bulk Upload My IPs (CSV)</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">CSV File</label>
            <input type="file" name="file" class="form-control" accept=".csv" required>
            <div class="form-text">
              Upload a CSV file with columns like:<br>
              <code>
                title, ip_type, trl_score, crl_score, overall_score, status, keywords, owning_unit, claimed_novelty, has_prototype
              </code>
              <br>
              <small>
                For <strong>ip_type</strong>, you may use values like:
                <em>Patent, Patent/Invention, Utility Model, Industrial Design, Trademark, Copyright</em>.
              </small>
            </div>
          </div>

          <div class="border rounded p-2 bg-light">
            <small class="text-muted">
              Example row:<br>
              <code>
                AI-Enhanced Rice Sorting System,Patent,6,4,63.2,SUBMITTED,"rice,ai,sorting,vision",Main,4,1
              </code>
            </small>
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Upload</button>
        </div>
      </form>
    </div>
  </div>
</div>

{% endblock %}