{% extends 'generic/object.html' %}
{% load i18n %}
{% load helpers %}
{% load plugins %}

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">{% trans "Secret Type" %}</h2>
      <table class="table table-hover attr-table">
        <tr><th scope="row">{% trans "Name" %}</th><td>{{ object.name }}</td></tr>
        <tr><th scope="row">{% trans "Slug" %}</th><td>{{ object.slug }}</td></tr>
        <tr><th scope="row">{% trans "Description" %}</th><td>{{ object.description|placeholder }}</td></tr>
        <tr>
          <th scope="row">{% trans "Secrets" %}</th>
          <td>{{ object.secrets.count }}</td>
        </tr>
      </table>
    </div>
    <div class="card">
      <h2 class="card-header">{% trans "Storage" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Name template" %}</th>
          <td><span class="font-monospace">{{ object.name_template|placeholder }}</span></td>
        </tr>
        <tr>
          <th scope="row">{% trans "KMS key" %}</th>
          <td><span class="font-monospace">{{ object.kms_key_id|placeholder }}</span></td>
        </tr>
      </table>
    </div>
    {% include 'inc/panels/tags.html' %}
    {% plugin_left_page object %}
  </div>

  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">{% trans "Fields" %}</h2>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>{% trans "Name" %}</th>
            <th>{% trans "Type" %}</th>
            <th>{% trans "Widget" %}</th>
            <th>{% trans "Required" %}</th>
            <th>{% trans "Sensitive" %}</th>
          </tr>
        </thead>
        <tbody>
          {% for spec in field_specs %}
            <tr>
              <td><span class="font-monospace">{{ spec.name }}</span></td>
              <td>{{ spec.type }}</td>
              <td>{{ spec.widget }}</td>
              <td>{% if spec.required %}<i class="mdi mdi-check-bold text-success"></i>{% else %}&mdash;{% endif %}</td>
              <td>{% if spec.sensitive %}<i class="mdi mdi-check-bold text-warning"></i>{% else %}&mdash;{% endif %}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% include 'inc/panels/custom_fields.html' %}
    {% include 'inc/panels/comments.html' %}
    {% plugin_right_page object %}
  </div>
</div>
{% endblock content %}