{% load i18n sizeformat %}

<h3>{% trans "Resource Overview" %}</h3>

<div class="info row detail">
  <h4>{% trans "Info" %}</h4>
  <hr class="header_rule">
  <dl>
    <dt>{% trans "Stack Resource ID" %}</dt>
    <dd>{{ resource.resource_name }}</dd>
  </dl>
  <dl>
    <dt>{% trans "Resource ID" %}</dt>
    <dd>
      <a href="{{ resource_url }}">
          {{ resource.physical_resource_id }}
      </a>
    </dd>
  </dl>
  <dl>
    <dt>{% trans "Stack Resource Type" %}</dt>
    <dd>{{ resource.resource_type }}</dd>
  </dl>
  <dl>
    <dt>{% trans "Description" %}</dt>
    <dd>{{ resource.description }}</dd>
  </dl>
</div>

<div class="status row detail">
  <h4>{% trans "Status" %}</h4>
  <hr class="header_rule">
  <dl>
    <dt>{% trans "Last Updated" %}</dt>
    <dd>{{ resource.updated_time|parse_isotime|timesince_or_never }}</dd>
    <dt>{% trans "Status" %}</dt>
    <dd>{{ resource.resource_status|title|replace_underscores }}: {{ resource.resource_status_reason }}</dd>
  </dl>
</div>

<div class="status row detail">
  <h4>{% trans "Resource Metadata" %}</h4>
  <hr class="header_rule">
  <pre>{{ metadata }}
  </pre>
</div>
