{% extends "pos/base.html" %}
{% block title %}{{ action }} Overtime{% endblock %}
{% block heading %}{{ action }} Overtime{% endblock %}
{% block content %}
  <form method="post" class="mt-3">
    {% csrf_token %}
    <div class="mb-3 row">
      <label class="col-md-2 col-form-label">Staff</label>
      <div class="col-md-4">
        {{ form.staff }}
        {{ form.staff.errors }}
      </div>
      <label class="col-md-2 col-form-label">Date</label>
      <div class="col-md-4">
        {{ form.date }}
        {{ form.date.errors }}
      </div>
    </div>
    <div class="mb-3 row">
      <label class="col-md-2 col-form-label">Hours</label>
      <div class="col-md-4">
        {{ form.hours }}
        {{ form.hours.errors }}
      </div>
      <label class="col-md-2 col-form-label">Rate</label>
      <div class="col-md-4">
        {{ form.rate }}
        {{ form.rate.errors }}
      </div>
    </div>
    <div class="mb-3">
      <label class="form-label">Remarks</label>
      {{ form.remarks }}
      {{ form.remarks.errors }}
    </div>
    <button type="submit" class="btn btn-primary">{{ action }}</button>
    <a href="{% url 'payroll:overtime_list' %}" class="btn btn-secondary">Cancel</a>
  </form>
{% endblock %}