{% extends 'base.html' %}
{% load ui_extras %}

{% block content %}
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  <li class="breadcrumb-item"><a href="{% url 'mdm:index' %}">MDM</a></li>
  <li class="breadcrumb-item"><a href="{% url 'mdm:assets' %}">Store apps</a></li>
  <li class="breadcrumb-item active">{{ asset.name }}</li>
</ol>

<h3>{% if object.icon_url %}<img style="max-width:48px;max-height:48px" src="{{ object.icon_url}}">{% endif %}{{ object.name }}</h3>

<div class="row">
  <div class="col-md-12">
    <table class="table table-striped align-middle">
      <thead>
        <th width="33%">Attribute</th>
        <th>Value</th>
      </thead>
      <tbody>
      <tr>
        <td>Product type</td>
        <td>{{ object.product_type }}</td>
      </tr>
      <tr>
        <td>Name</td>
        <td>{{ object.name }}</td>
      </tr>
      <tr>
        <td>iTunes identifier</td>
        <td>
          {% if object.store_url %}
          <a href="{{ object.store_url }}">{{ object.adam_id }}</a>
          {% else %}
          {{ object.adam_id }}
          {% endif %}
        </td>
      </tr>
      <tr>
        <td>iTunes pricing</td>
        <td>{{ object.pricing_param }}</td>
      </tr>
      <tr>
        <td>Device assignable</td>
        <td>{{ object.device_assignable|yesno }}</td>
      </tr>
      <tr>
        <td>Revocable</td>
        <td>{{ object.revocable|yesno }}</td>
      </tr>
      <tr>
        <td>Supported platform{{ object.supported_platforms|length|pluralize }}</td>
        <td>{{ object.supported_platforms|join:", "|default:"-" }}</td>
      </tr>
      {% if object.bundle_id %}
      <tr>
        <td colspan="2">
          <h4>App</h4>
        </td>
      </tr>
      <tr>
        <td>Bundle ID</td>
        <td>{{ object.bundle_id|default:"-" }}</td>
      </tr>
      <tr>
        <td>Latest version</td>
        <td>{{ object.lastest_version|default:"-" }}</td>
      </tr>
      {% endif %}
      </tbody>
    </table>

    {% created_updated_at object %}

  </div>
</div>

<h4>Location{{ location_assets|length|pluralize }}</h4>

{% if location_assets %}
<table class="table table-striped align-middle">
  <thead>
    <th>Location</th>
    <th>Assigned</th>
    <th>Available</th>
    <th>Retired</th>
    <th>Total</th>
  </thead>
  <tbody>
    {% for location_asset in location_assets %}
    {% with location_asset.location as location %}
    <tr id="la-{{ location_asset.pk }}">
      <td>
        {% if perms.mdm.view_location %}
        <a href="{{ location.get_absolute_url }}">{{ location }}</a>
        {% else %}
        {{ location }}
        {% endif %}
      </td>
      <td>{{ location_asset.assigned_count }}</td>
      <td>{{ location_asset.available_count }}</td>
      <td>{{ location_asset.retired_count }}</td>
      <td>{{ location_asset.total_count }}</td>
    </tr>
    {% endwith %}
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>No locations found for this asset.</p>
{% endif %}


<div class="d-flex align-items-center mb-1">
    <h2 class="m-0">Artifact{{ artifacts|length|pluralize }}</h2>
    <div class="ms-auto">
        {% if perms.mdm.add_artifact %}
            {% url 'mdm:create_asset_artifact' object.pk as url %}
            {% button 'CREATE' url "Add new Artifact" %}
        {% endif %}
    </div>
</div>

{% if artifacts %}
<table class="table table-striped align-middle">
  <thead>
    <th>Name</th>
    <th>Location</th>
    <th>Has configuration</th>
  </thead>
  <tbody>
    {% for artifact, store_apps in artifacts %}
    {% with store_apps|last as latest_store_app %}
    {% with latest_store_app.location_asset.location as location %}
    <tr>
      <td>
        {% if perms.mdm.view_artifact %}
        <a href="{{ artifact.get_absolute_url }}">{{ artifact }}</a>
        {% else %}
        {{ artifact }}
        {% endif %}
      </td>
      <td>
        {% if perms.mdm.view_location %}
        <a href="{{ location.get_absolute_url }}">{{ location }}</a>
        {% else %}
        {{ location }}
        {% endif %}
      </td>
      <td>{{ latest_store_app.has_configuration }}</td>
      <td>{{ latest_store_app.version }}</td>
    </tr>
    {% endwith %}
    {% endwith %}
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>No artifacts found for this asset.</p>
{% endif %}
{% endblock %}