{% extends "pos/base.html" %}
{% block title %}Add Leave{% endblock %}
{% block heading %}Add Leave Record{% endblock %}
{% block content %}
  <form method="post" class="mt-3">
    {% csrf_token %}
    {{ form.non_field_errors }}
    <div class="row">
      <div class="col-md-6 mb-3">
        <label class="form-label">Staff</label>
        {{ form.staff }}
        {{ form.staff.errors }}
      </div>
      <div class="col-md-3 mb-3">
        <label class="form-label">Date</label>
        {{ form.date }}
        {{ form.date.errors }}
      </div>
      <div class="col-md-3 mb-3">
        <label class="form-label">Leave Type</label>
        {{ form.leave_type }}
        {{ form.leave_type.errors }}
      </div>
    </div>
    <div class="mb-3 form-check">
      {{ form.approved }}
      <label class="form-check-label">Approved</label>
      {{ form.approved.errors }}
    </div>
    <button type="submit" class="btn btn-primary">Save Leave</button>
    <a href="{% url 'payroll:leave_list' %}" class="btn btn-secondary">Cancel</a>
  </form>
{% endblock %}