{% extends "base.html" %}{% load i18n %}

{% block content %}

<div class="section">
  <div class="header">
    <h2>{% trans "Request details" %}</h2>
    <p>{% trans "These are headers you are sending to the site. Formats are inferred from your Accept header." %}</p>
  </div>
    
    <table class="content">
      <tbody>
        <tr>
          <th>{% trans "User-Agent" %}</th>
          <td>{{ ua }}</td>
        </tr>
        <tr>
          <th>{% trans "Accept" %}</th>
          <td>{{ accept }}</td>
        </tr>
        <tr>
          <th>{% trans "Formats" %}</th>
          <td>{{ formats|join:", " }}</td>
      </tbody>
    </table>
</div>

<div class="section">
  <div class="header">
    <h2>{% trans "Device details" %}</h2>
    <p>{% trans "These details relate to the device the site <em>believes</em> that you are using." %}</p>
  </div>
    
    <table class="content">
      <tbody>
        <tr>
          <th>{% trans "Matched device" %}</th>
          <td>{{ brand_name }} {{ model_name }}</td>
        </tr>
        <tr>
          {# Translators: Matched User-Agent #}
          <th>{% trans "Matched UA" %}</th>
          <td>{{ matched_ua }}</td>
        </tr>
        <tr>
          <th>{% trans "Device identifier" %}</th>
          <td>{{ id }}</td>
        </tr>
        <tr>
          <th>{% trans "Mobile?" %}</th>
          <td>{{ is_mobile|yesno|capfirst }}</td>
        </tr>
      </tbody>
    </table>
</div>

{% endblock %}