{% extends "pos/base.html" %}
{% block title %}Bulk Leave Upload{% endblock %}
{% block heading %}Bulk Upload Leaves{% endblock %}
{% block content %}
  <p>
    Upload an Excel file (<code>.xlsx</code> or <code>.xls</code>) with columns:
  </p>
  <pre>staff_id | date (YYYY-MM-DD) | leave_type</pre>
  <form method="post" enctype="multipart/form-data" class="mt-3">
    {% csrf_token %}
    <div class="mb-3">
      <label for="leave_file" class="form-label">Select Excel File</label>
      <input 
        class="form-control" 
        type="file" 
        name="leave_file" 
        id="leave_file" 
        accept=".xlsx,.xls"
      >
    </div>
    <button type="submit" class="btn btn-primary">Import Leaves</button>
    <a href="{% url 'payroll:leave_list' %}" class="btn btn-secondary">Cancel</a>
  </form>
{% endblock %}