{% extends "base.html" %}
{% block content %}

<h3 class="mb-3">Score IP: {{ ip.title }}</h3>

<div class="card mb-3">
  <div class="card-body">
    <p><strong>Type:</strong> {{ ip.get_ip_type_display }}</p>
    <p><strong>TRL:</strong> {{ ip.trl_level_label }}</p>
    <p><strong>CRL:</strong> {{ ip.crl_level_label }}</p>
    <p><strong>Abstract:</strong><br>{{ ip.abstract|default:"(No abstract provided)" }}</p>
  </div>
</div>

<form method="post" class="card">
  <div class="card-body">
    {% csrf_token %}

    <div class="row g-3">

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">Novelty</label>
        <span class="badge bg-secondary small"
          data-score-display="novelty_score">0</span>
        </div>
        {{ form.novelty_score }}
      </div>

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">Feasibility</label>
        <span class="badge bg-secondary small"
          data-score-display="feasibility_score">0</span>
        </div>
        {{ form.feasibility_score }}
      </div>

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">Market Potential</label>
        <span class="badge bg-secondary small"
          data-score-display="market_score">0</span>
        </div>
        {{ form.market_score }}
      </div>

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">Team Capability</label>
        <span class="badge bg-secondary small"
          data-score-display="team_score">0</span>
        </div>
        {{ form.team_score }}
      </div>

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">IP Status Strength</label>
        <span class="badge bg-secondary small"
          data-score-display="ip_status_score">0</span>
        </div>
        {{ form.ip_status_score }}
      </div>

      <div class="col-md-4">
        <div class="d-flex justify-content-between">
        <label class="form-label mb-1">Commercial Viability</label>
        <span class="badge bg-secondary small"
          data-score-display="commercial_score">0</span>
        </div>
        {{ form.commercial_score }}
      </div>

      <div class="col-12">
        <label class="form-label">Remarks</label>
        {{ form.remarks }}
      </div>
    </div>
  </div>

  <div class="card-footer d-flex justify-content-between">
    <a href="{% url 'portfolio:tto_ip_list' %}" class="btn btn-outline-secondary">
      Back to IP List
    </a>
    <button type="submit" class="btn btn-primary">
      Save Assessment
    </button>
  </div>
</form>

{% endblock %}