{% extends "layout.html" %}
{% block content %}
<div class="page-narrow">
  <div class="panel">
    <div class="panel-title">Import time period workbook</div>
    {% if error %}<div class="alert error">{{ error }}</div>{% endif %}

    {% if request.session.get('is_admin') %}
      <form method="post" action="/upload" enctype="multipart/form-data" class="form">
        <div class="form-row">
          <label for="timesheet_name">Time Period Name</label>
          <input class="input" type="text" id="timesheet_name" name="timesheet_name" placeholder="e.g. Dec 1-15, 2025" required>
        </div>
        <div class="form-row">
          <label for="file">Excel file <small>(.xlsx, .xlsm, .xls, .csv)</small></label>
          <input class="input" type="file" id="file" name="file" accept=".xlsx,.xlsm,.xls" required>
        </div>
        <div class="form-row" style="display:flex;gap:8px;">
          <button type="submit" class="btn primary">Upload & Import</button>
          <!-- Cancel: always route directly to Viewer (no history/back dependency) -->
          <a class="btn" href="/viewer">Cancel</a>
        </div>
      </form>
    {% else %}
      <div class="alert warn" role="status">
        You have view/print-only access. Importing new time periods is restricted to administrators.
      </div>
      <div class="form-row" style="display:flex;gap:8px;margin-top:8px;">
        <a class="btn" href="/viewer">Back to Timesheet Editor</a>
        <a class="btn" href="/review">Review Timesheets</a>
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}