{% extends 'base.html' %}

{% load django_bootstrap_breadcrumbs %}

{% block breadcrumbs %}
{{ block.super }}
{% breadcrumb list_display_name|title list_name %}
{% breadcrumb object.name model_name object.pk %}
{% endblock %}

{% block content %}
{{ block.super }}
<div class="card">
  <div class="card-body">
    <h3>{{ object.name }}</h3>
    <dl class="row">
      <dt class="col-sm-3">Updated By</dt>
      <dd class="col-sm-9">{{ object.updated_by }}</dd>

      <dt class="col-sm-3">Last Updated On</dt>
      <dd class="col-sm-9">{{ object.last_updated }}</dd>

      {% if object.code_repo_release %}
        <dt class="col-sm-3">Code Repo Name</dt>
        <dd class="col-sm-9">{{ object.code_repo_release.name }}</dd>

        <dt class="col-sm-3">Code Repo Version</dt>
        <dd class="col-sm-9">{{ object.code_repo_release.version }}</dd>

        <dt class="col-sm-3">Code Repo Website</dt>
        <dd class="col-sm-9">{{ object.code_repo_release.website }}</dd>
      {% endif %}

      {% if object.file_type %}
        <dt class="col-sm-3">File type</dt>
        <dd class="col-sm-9">{{ object.file_type.name }}</dd>
      {% endif %}
      
    {% if object.storage_location %}
    <dt class="col-sm-3">Download</dt>
    <dd class="col-sm-9"><a href="{{ object.storage_location }}">link</a></dd>
    {% endif %}      
      
    </dl>

    {% if object.licences.count %}
    <h3>Licences</h3>
    <dl class="row">
      {% for licence in object.licences.all %}
      <dt class="col-sm-3">Licence Info</dt>
      <dd class="col-sm-9">{{ licence.licence_info }}</dd>
      {% endfor %}
    </dl>
    {% endif %}

    {% if object.authors.count %}
    <h3>Authors</h3>
    <dl class="row">
      {% for author in object.authors.all %}
      <dt class="col-sm-3">Name</dt>
      <dd class="col-sm-9">{{ author.name }}</dd>
      <dt class="col-sm-3">Identifier</dt>
      <dd class="col-sm-9">{{ author.identifier }}</dd>
      {% endfor %}
    </dl>
    {% endif %}

    {% if object.keywords.count %}
    <h3>Keywords</h3>
    <dl class="row">
      {% for keyword in object.keywords.all %}
      <dt class="col-sm-3">Key-phrase</dt>
      <dd class="col-sm-9">{{ keyword.keyphrase }}</dd>
      {% endfor %}
    </dl>
    {% endif %}

    {% if object.metadata.count %}
    <h3>Metadata</h3>
    <dl class="row">
      {% for keyvalue in object.metadata.all %}
      <dt class="col-sm-3">{{ keyvalue.key }}</dt>
      <dd class="col-sm-9">{{ keyvalue.value }}</dd>
      {% endfor %}
    </dl>
    {% endif %}
  </div>
</div>

{% if object.components.count %}
<div class="card">
  <table
    data-toggle="table"
    data-pagination="true"
    data-search="true"
    data-sortable="true"
    data-sort-name="issue-count"
    data-sort-order="desc">
  <thead>
  <tr>
    <th data-sortable="true" data-field="name">Name</th>
    <th data-sortable="true" data-field="issue-count">Issue Count</th>
  </tr>
  </thead>
  <tbody>
      {% for component in object.components.all %}
        <tr>
          <td><a href="{% url 'objectcomponent' component.pk %}">{{ component.name }}</a></td>
          <td>{{ component.issues.count }}</td>
        </tr>
      {% endfor %}
  </tbody>
  </table>
</div>
{% endif %}
{% endblock %}