{% extends "base.html" %}
{% block title %}New request — ApprovalFlow{% endblock %}
{% block content %}
<h1>Send a request for approval</h1>
<p class="sub">Pick a workflow, write your message, and it goes straight to that workflow's approver.</p>

{% if workflows %}
<div class="card">
  <form method="post">
    <label for="wf">Workflow</label>
    <select id="wf" name="workflow_id" required>
      {% for w in workflows %}
        <option value="{{ w.id }}">{{ w.name }}{% if w.description %} — {{ w.description }}{% endif %}</option>
      {% endfor %}
    </select>
    <label for="s">Subject</label>
    <input id="s" type="text" name="subject" maxlength="200" required>
    <label for="b">Message</label>
    <textarea id="b" name="body" required></textarea>
    <button type="submit">Send for approval</button>
  </form>
</div>
{% else %}
<div class="card">
  <p class="muted">You don't have access to any workflow yet. Ask an administrator to grant you access.</p>
</div>
{% endif %}

{% if my_requests %}
<h2>Your recent requests</h2>
<div class="card">
<table>
  <tr><th>#</th><th>Workflow</th><th>Subject</th><th>Status</th><th>Sent</th></tr>
  {% for r in my_requests %}
  <tr>
    <td class="mono">{{ r.id }}</td>
    <td>{{ r.wf_name }}</td>
    <td>{{ r.subject }}</td>
    <td><span class="stamp {{ r.status }}">{{ r.status }}</span></td>
    <td class="mono muted">{{ r.created_at }}</td>
  </tr>
  {% endfor %}
</table>
</div>
{% endif %}
{% endblock %}