{% extends "pos/base.html" %}
{% block title %}Bulk Attendance Upload{% endblock %}
{% block heading %}Bulk Upload Attendance{% endblock %}
{% block content %}
  <p>
    Upload an Excel file (<code>.xlsx</code> or <code>.xls</code>) with columns (in this exact order):
  </p>
  <pre>staff_id | date (YYYY-MM-DD) | present_flag (1 or 0) | check_in (HH:MM, optional) | check_out (HH:MM, optional)</pre>
  <form method="post" enctype="multipart/form-data" class="mt-3">
    {% csrf_token %}
    <div class="mb-3">
      <label for="attendance_file" class="form-label">Select Excel File</label>
      <input 
        class="form-control" 
        type="file" 
        name="attendance_file" 
        id="attendance_file" 
        accept=".xlsx,.xls"
      >
    </div>
    <button type="submit" class="btn btn-primary">Import Attendance</button>
  </form>
{% endblock %}