{% extends "base.html" %}
{% block content %}
<section class="page-head">
  <div>
    <h1>Your expense reports</h1>
    <p class="muted">Current mileage rate for {{ SITES[current_user.site]['label'] }}:
      <span class="mono">${{ '%.3f'|format(rate) }}/mile</span> (set by administrators).</p>
  </div>
  <form method="post" action="{{ url_for('main.new_report') }}" class="newreport">
    <input type="hidden" name="_csrf" value="{{ csrf_token }}">
    <input type="text" name="title" placeholder="Report title (e.g. June travel)">
    {% if current_user.is_admin %}
    <select name="site">
      {% for key, meta in SITES.items() %}
      <option value="{{ key }}" {% if key == current_user.site %}selected{% endif %}>{{ meta['label'] }}</option>
      {% endfor %}
    </select>
    {% endif %}
    <button class="btn primary" type="submit">New report</button>
  </form>
</section>

{% if reports %}
<table class="table">
  <thead><tr>
    <th>Report</th><th>Site</th>{% if current_user.is_admin %}<th>Employee</th>{% endif %}
    <th class="num">Total</th><th>Status</th><th>Created</th><th></th>
  </tr></thead>
  <tbody>
  {% for r in reports %}
    <tr>
      <td><a href="{{ url_for('main.report', report_id=r.id) }}">{{ r.title }}</a></td>
      <td>{{ SITES[r.site]['label'] }}</td>
      {% if current_user.is_admin %}<td>{{ r.user.name }}</td>{% endif %}
      <td class="num mono">${{ '%.2f'|format(r.totals()['grand']) }}</td>
      <td><span class="pill {{ r.status }}">{{ r.status }}</span></td>
      <td>{{ r.created_at.strftime('%b %d, %Y') }}</td>
      <td class="num"><a class="btn small" href="{{ url_for('main.export_xlsx', report_id=r.id) }}">Export .xlsx</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<div class="empty">
  <h2>No reports yet</h2>
  <p>Create a report, add your expense lines, snap your receipts, and export the
  finished Excel form for approval.</p>
</div>
{% endif %}

<details class="card slim">
  <summary>Change my password</summary>
  <form method="post" action="{{ url_for('auth.change_password') }}" class="inline-form">
    <input type="hidden" name="_csrf" value="{{ csrf_token }}">
    <label>Current <input type="password" name="current" required autocomplete="current-password"></label>
    <label>New (8+ chars) <input type="password" name="new" required minlength="8" autocomplete="new-password"></label>
    <button class="btn" type="submit">Update password</button>
  </form>
</details>
{% endblock %}