{% extends "base.html" %}
{% load i18n static requirements_extras %}

{% block title %}{{ requirement.identifier }} — {{ requirement.title }}{% endblock %}

{% block contents %}
<div class="container-fluid" id="requirements-detail">
  <div class="page-header">
    <h1>
      <code>{{ requirement.identifier }}</code>
      <small>{{ requirement.title }}</small>
      <a href="{% url 'requirement-edit' requirement.pk %}" class="btn btn-default pull-right">
        <i class="fa fa-pencil"></i> {% trans "Edit" %}
      </a>
      <a href="{% url 'requirement-link-cases' requirement.pk %}"
         class="btn btn-primary pull-right" style="margin-right:6px;">
        <i class="fa fa-link"></i> {% trans "Link test case" %}
      </a>
    </h1>
  </div>

  <div class="row">
    <div class="col-md-8">
      <section class="requirements-section">
        <h3>{% trans "Description" %}</h3>
        <div class="requirements-markdown">{{ requirement.description|linebreaks }}</div>
      </section>

      {% if requirement.rationale %}
      <section class="requirements-section">
        <h3>{% trans "Rationale" %}</h3>
        <div class="requirements-markdown">{{ requirement.rationale|linebreaks }}</div>
      </section>
      {% endif %}

      <section class="requirements-section">
        <h3>
          {% trans "Linked test cases" %}
          <small>{{ case_links|length }}</small>
        </h3>
        {% if case_links %}
        <table class="table table-striped table-condensed requirements-links-table">
          <thead>
            <tr>
              <th>{% trans "Case" %}</th>
              <th>{% trans "Link type" %}</th>
              <th>{% trans "Notes" %}</th>
              <th>{% trans "Suspect" %}</th>
              <th>{% trans "Added" %}</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for link in case_links %}
            <tr{% if link.suspect %} class="warning"{% endif %}>
              <td><a href="/case/{{ link.case_id }}/">{{ link.case_id|case_identifier }}</a></td>
              <td>{% link_type_icon link.link_type %}</td>
              <td>{{ link.coverage_notes|default:"—" }}</td>
              <td>{% suspect_badge link.suspect %}</td>
              <td><small>{{ link.created_at|date:"Y-m-d H:i" }}</small></td>
              <td>
                {% if link.suspect %}
                <form method="post" action="{% url 'requirement-link-clear-suspect' requirement.pk link.pk %}"
                      style="display:inline;">
                  {% csrf_token %}
                  <button type="submit" class="btn btn-xs btn-default">
                    {% trans "Clear suspect" %}
                  </button>
                </form>
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
        {% else %}
        <p class="text-muted">{% trans "No linked test cases yet." %}</p>
        {% endif %}
      </section>

      {% if child_requirements %}
      <section class="requirements-section">
        <h3>{% trans "Child requirements (decomposition)" %}</h3>
        <ul class="list-unstyled">
          {% for child in child_requirements %}
          <li>
            <code>{{ child.identifier }}</code> — {{ child.title }}
            {% status_badge child.status %}
          </li>
          {% endfor %}
        </ul>
      </section>
      {% endif %}

      {% if history %}
      <section class="requirements-section">
        <h3>{% trans "Activity" %}</h3>
        <table class="table table-condensed requirements-history-table">
          <thead>
            <tr>
              <th>{% trans "When" %}</th>
              <th>{% trans "Who" %}</th>
              <th>{% trans "Action" %}</th>
              <th>{% trans "Status" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for h in history %}
            <tr>
              <td><small>{{ h.history_date|date:"Y-m-d H:i" }}</small></td>
              <td>{{ h.history_user.username|default:"system" }}</td>
              <td>{{ h.get_history_type_display }}</td>
              <td>{% status_badge h.status %}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </section>
      {% endif %}
    </div>

    <div class="col-md-4">
      <div class="panel panel-default requirements-meta">
        <div class="panel-heading"><strong>{% trans "Metadata" %}</strong></div>
        <div class="panel-body">
          <dl class="dl-horizontal">
            <dt>{% trans "Status" %}</dt>    <dd>{% status_badge requirement.status %}</dd>
            <dt>{% trans "Priority" %}</dt>  <dd>{% priority_badge requirement.priority %}</dd>
            <dt>{% trans "Level" %}</dt>     <dd>{{ requirement.level.name|default:"—" }}</dd>
            <dt>{% trans "Category" %}</dt>  <dd>{{ requirement.category.name|default:"—" }}</dd>
            <dt>{% trans "Source" %}</dt>
            <dd>
              {% if requirement.source %}
                {{ requirement.source.name }}
                {% if requirement.source_section %}<br><small>{{ requirement.source_section }}</small>{% endif %}
              {% else %}—{% endif %}
            </dd>
            <dt>{% trans "Product" %}</dt>   <dd>{{ requirement.product|default:"—" }}</dd>
            <dt>{% trans "Project" %}</dt>   <dd>{{ requirement.project|default:"—" }}</dd>
            <dt>{% trans "Feature" %}</dt>   <dd>{{ requirement.feature|default:"—" }}</dd>
            <dt>{% trans "Parent" %}</dt>
            <dd>
              {% if requirement.parent_requirement %}
                <a href="{% url 'requirement-get' requirement.parent_requirement.pk %}">
                  {{ requirement.parent_requirement.identifier }}
                </a>
              {% else %}—{% endif %}
            </dd>
            <dt>{% trans "Verification" %}</dt>
            <dd>{{ requirement.get_verification_method_display }}</dd>
            {% if requirement.asil %}
              <dt>ASIL</dt><dd>{{ requirement.get_asil_display }}</dd>
            {% endif %}
            {% if requirement.dal %}
              <dt>DAL</dt><dd>{{ requirement.get_dal_display }}</dd>
            {% endif %}
            {% if requirement.iec62304_class %}
              <dt>IEC 62304</dt><dd>{{ requirement.get_iec62304_class_display }}</dd>
            {% endif %}
            {% if requirement.doc_id %}
              <dt>Doc ID</dt>
              <dd>{{ requirement.doc_id }} {{ requirement.doc_revision|default:"" }}</dd>
            {% endif %}
            {% if requirement.effective_date %}
              <dt>{% trans "Effective" %}</dt>
              <dd>{{ requirement.effective_date }}</dd>
            {% endif %}
            {% if requirement.superseded_by %}
              <dt>{% trans "Superseded by" %}</dt>
              <dd>
                <a href="{% url 'requirement-get' requirement.superseded_by.pk %}">
                  {{ requirement.superseded_by.identifier }}
                </a>
              </dd>
            {% endif %}
            {% if requirement.change_reason %}
              <dt>{% trans "Change reason" %}</dt>
              <dd><small>{{ requirement.change_reason }}</small></dd>
            {% endif %}
            {% if requirement.jira_issue_key %}
              <dt>JIRA</dt><dd><code>{{ requirement.jira_issue_key }}</code></dd>
            {% endif %}
          </dl>
        </div>
      </div>
    </div>
  </div>
</div>

<link rel="stylesheet" href="{% static 'tcms_requirements/css/requirements.css' %}">
{% endblock %}