{% extends "base.html" %}
{% block title %}{{ t('My Approvals') }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>{{ t('My Approvals') }}</h1>
  <small>{{ t('Documents waiting for your decision, your own documents waiting for others, and your notifications.') }}</small></div></div>
<div class="card flush">
  <table>
    <thead><tr><th>{{ t('Document') }}</th><th>{{ t('Step') }}</th><th>{{ t('Requested by') }}</th><th>{{ t('Since') }}</th><th class="num">{{ t('Amount') }}</th><th style="width:38%">{{ t('Decision') }}</th></tr></thead>
    <tbody>
    {% for tk in tasks %}
      <tr><td><a href="{{ tk.url }}"><b>{{ t(types[tk.doc_type].label) }}</b> {{ tk.title or '' }}</a>{% if tk.delegated %} <span class="tag">{{ t('Delegated to you') }}</span>{% endif %}</td>
        <td>{{ tk.step_name or tk.step_no }}</td><td>{{ tk.req_name or tk.req_user }}</td><td class="num">{{ tk.requested_at[:10] }}</td>
        <td class="num">{{ tk.amount|money(tk.currency) }} <small>{{ tk.currency or '' }}</small></td>
        <td><form method="post" class="inline-decide" style="display:flex;gap:6px;flex-wrap:wrap">
          <input name="comment" placeholder="{{ t('Comment (required to reject)') }}" style="flex:1;min-width:140px">
          <button class="btn small" formaction="{{ url_for('workflow.decide', request_id=tk.request_id, action='approve') }}">{{ t('Approve') }}</button>
          <button class="btn danger small" formaction="{{ url_for('workflow.decide', request_id=tk.request_id, action='reject') }}" onclick="var c=this.form.comment; if(!c.value.trim()){c.focus(); c.required=true; return false;}">{{ t('Reject') }}</button>
          <a class="btn ghost small" href="{{ tk.url }}">{{ t('Open') }}</a></form></td></tr>
    {% else %}<tr><td class="empty" colspan="6">{{ t('Nothing is waiting for your approval.') }}</td></tr>{% endfor %}
    </tbody>
  </table>
</div>
{% if mine %}
<h3>{{ t('My documents waiting for approval') }}</h3>
<div class="card flush"><table>
  <thead><tr><th>{{ t('Document') }}</th><th>{{ t('Waiting at') }}</th><th>{{ t('Submitted') }}</th><th class="num">{{ t('Amount') }}</th></tr></thead>
  <tbody>{% for r in mine %}<tr><td>{{ t(types[r.doc_type].label) }} {{ r.title or '' }}</td><td>{{ r.step_name or r.current_step }}</td><td class="num">{{ r.requested_at[:10] }}</td><td class="num">{{ r.amount|money(r.currency) }} {{ r.currency or '' }}</td></tr>{% endfor %}</tbody>
</table></div>
{% endif %}
<div class="two-col">
  <div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center"><h3 style="margin:0">{{ t('Notifications') }}</h3>
      <form method="post" action="{{ url_for('workflow.read_all') }}"><button class="btn ghost small">{{ t('Mark all as read') }}</button></form></div>
    <ul class="note-list">
      {% for n in notes %}<li class="{{ 'unread' if not n.read_at }}"><a href="{{ url_for('workflow.open_note', nid=n.id) }}"><b>{{ n.title }}</b><small>{{ n.body or '' }} · {{ n.created_at[:16]|replace('T', ' ') }}</small></a></li>
      {% else %}<li class="muted">{{ t('No notifications.') }}</li>{% endfor %}
    </ul>
  </div>
  <div class="card">
    <h3 style="margin-top:0">{{ t('Out of office') }}</h3>
    <p class="muted" style="margin-top:0">{{ t('While you are away, your approvals go to the person you choose. You can still approve yourself.') }}</p>
    {% for d in delegations %}<div class="flash" style="margin-bottom:8px">{{ d.full_name or d.username }} · {{ d.date_from }} → {{ d.date_to }}{% if d.reason %} · {{ d.reason }}{% endif %}
      <form method="post" action="{{ url_for('workflow.delegate_delete', did=d.id) }}" class="inline"><button class="btn ghost small">{{ t('Remove') }}</button></form></div>{% endfor %}
    <form method="post" action="{{ url_for('workflow.delegate') }}" class="grid">
      <div class="field"><label>{{ t('Delegate to') }}</label><select name="delegate_id" required><option value=""></option>{% for u in users %}<option value="{{ u.id }}">{{ u.full_name or u.username }}</option>{% endfor %}</select></div>
      <div class="field"><label>{{ t('From') }}</label><input type="date" name="date_from" value="{{ today }}" required></div>
      <div class="field"><label>{{ t('To') }}</label><input type="date" name="date_to" required></div>
      <div class="field"><label>{{ t('Reason') }}</label><input name="reason" placeholder="{{ t('e.g. annual leave') }}"></div>
      <div class="form-actions"><button class="btn ghost">{{ t('Save') }}</button></div>
    </form>
  </div>
</div>
{% endblock %}