{% extends "layout.html" %}
{% block content %}
<div class="page-narrow">
  <div class="panel">
    <div class="panel-title">Select Worksheet to Import</div>
    <div class="mb-8">File: <strong>{{ filename }}</strong></div>
    {% if error %}<div class="alert error">{{ error }}</div>{% endif %}

    <form method="post" action="/upload/select" class="form">
      <div class="form-row">
        <label for="sheet_name">Worksheet</label>
        <select class="select" id="sheet_name" name="sheet_name" required>
          {% for s in sheet_names %}
            <option value="{{ s }}">{{ s }}</option>
          {% endfor %}
        </select>
      </div>

      <div class="form-row" style="display:flex;gap:8px;">
        <button type="submit" class="btn primary">Continue</button>
        <button type="button" class="btn" onclick="window.location.href='/upload'">Cancel</button>
      </div>

      <div class="mt-12 muted">
        After import, CI/CO will be date-bound and Total will be calculated in software from CI/CO; Break will sync from "Break Hours Taken" or break start/end.
      </div>
    </form>
  </div>
</div>
{% endblock %}