{% extends "base.html" %}
{% block title %}Request #{{ req.id }} — ApprovalFlow{% endblock %}
{% block content %}
<p><a href="{{ url_for('admin') }}">&larr; All requests</a></p>
<div class="rowline">
  <h1>Request #{{ req.id }}</h1>
  <span class="stamp big {{ req.status }}">{{ req.status }}</span>
</div>
<p class="sub">Workflow <b>{{ req.wf_name }}</b> · via {{ req.source }} · received {{ req.created_at }}</p>

<div class="card">
  <p><b>From:</b> <span class="mono">{{ req.requester }}</span><br>
     <b>Subject:</b> {{ req.subject }}</p>
  <div class="pre">{{ req.body }}</div>
  {% if req.decided_by %}
    <p class="muted">Decided by <span class="mono">{{ req.decided_by }}</span> at {{ req.decided_at }}</p>
  {% endif %}
  {% if req.status == 'pending' %}
  <form method="post" class="rowline">
    <button class="btn approve small" name="action" value="approve">Approve now</button>
    <button class="btn deny small" name="action" value="deny">Deny now</button>
    <span class="muted">Deciding here notifies everyone involved, same as the email links.</span>
  </form>
  {% endif %}
</div>

<h2>People involved so far</h2>
<div class="card">
  {% for p in participants %}<span class="chip">{{ p }}</span> {% else %}<span class="muted">None recorded.</span>{% endfor %}
</div>

<h2>Full log</h2>
<div class="card">
  <ul class="ledger">
    {% for l in logs %}
    <li><span class="t">{{ l.at }}</span><span class="e">{{ l.event }}</span><span>{{ l.detail }}</span></li>
    {% endfor %}
  </ul>
</div>
{% endblock %}