{% extends "_shell.html" %}
{% from "_macros.html" import service_error %}
{% block title %}P104 Requests{% endblock %}

{% block content %}
  <h1 class="tt-dh bloom tt-masthead">REQUESTS</h1>

  {% if ombi.status != 'ok' %}
    <div class="tt-field crit"><span>Ombi</span><span class="tt-field-meta">off air</span></div>
    {{ service_error('Ombi', ombi.error) }}
  {% else %}
    {#- Pending requests are the only thing here that wants a human, so a
        page holding any is set heavier than one holding none (discipline 5).
        The ids are what the verdict buttons write back to when a decision
        empties the queue, so the page stops contradicting itself. -#}
    <div class="tt-field {{ 'warn' if ombi.total_pending else '' }}" id="req-field">
      <span>Awaiting A Decision</span>
      <span class="tt-field-meta"><span id="req-pending-meta">{{ ombi.total_pending }}</span> of {{ ombi.total_requests }}</span>
    </div>

    <div class="tt-figs">
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v {{ 'pending' if ombi.total_pending else 'ok' }}" id="req-pending">{{ ombi.total_pending }}</div>
        <div class="tt-fig-l">Pending</div>
      </div>
      <div class="tt-fig">
        <div class="tt-dh tt-fig-v">{{ ombi.total_requests }}</div>
        <div class="tt-fig-l">All time</div>
      </div>
    </div>

    {% if ombi.recent %}
      <div class="tt-field"><span>Latest</span></div>
      <div class="tt-rows">
        {% for r in ombi.recent %}
        <div class="tt-row">
          <span class="tt-row-name">{{ (r.type or '') | upper }}</span>
          <span class="tt-row-body">
            <span class="tt-row-title">{{ r.title }}</span>
            <span class="tt-row-sub">{{ r.user }}{% if r.requested_date %} &middot; {{ r.requested_date[:10] }}{% endif %}</span>
          </span>
          {%- set st = (r.status or '') | lower -%}
          <span class="tt-row-val {% if st in ('available', 'approved') %}ok{% elif st == 'denied' %}alert{% elif st == 'pending' %}pending{% else %}off{% endif %}">{{ (r.status or '—') | upper }}</span>
          {#- Magenta says a human must decide; these are the two things that
              human can decide, offered only on the rows actually waiting.
              Both take a confirming second press, the same two-tap the add
              buttons use — an approval starts a download and a denial is
              somebody's answer. -#}
          {% if st == 'pending' and r.id %}
          <span class="tt-row-acts">
            <button class="tt-btn tt-btn-yes" data-id="{{ r.id }}" data-type="{{ (r.type or '') | lower }}"
                    data-verdict="approve" onclick="armDecision(this)"
                    aria-label="Approve {{ r.title }}">Approve</button>
            <button class="tt-btn tt-btn-no" data-id="{{ r.id }}" data-type="{{ (r.type or '') | lower }}"
                    data-verdict="deny" onclick="armDecision(this)"
                    aria-label="Deny {{ r.title }}">Deny</button>
          </span>
          {% endif %}
        </div>
        {% endfor %}
      </div>
    {% else %}
      <p class="tt-empty">No requests on record.</p>
    {% endif %}
  {% endif %}
{% endblock %}