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

{% block content %}
<div class="row">
	<div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Device" %}</h5>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Name" %}</th>
          <td>
            {{ object.name }}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "User" %}</th>
          <td>
            {{ object.user|linkify|placeholder }}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Key" %}</th>
          <td>
            <span id="otp_key">{{ object.base32_key }}</span>{% copy_content "otp_key" %}
          </td>
        </tr>
      </table>
    </div>
    {% plugin_left_page object %}
    </div>
    <div class="col col-md-6">
      <div class="card">
        <h5 class="card-header">
          {% trans "QR Code" %}
        </h5>
        <div class="card-body">
          {% qr_from_text object.config_url size="T" %}
        </div>
      </div>
    </div>
  </div>
{% endblock %}