{% extends "pos/base.html" %}
{% block title %}{{ action }} Bonus{% endblock %}
{% block heading %}Bonus{% 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">Amount</label>
      <div class="col-md-4">
        {{ form.amount }}
        {{ form.amount.errors }}
      </div>
      <label class="col-md-2 col-form-label">Remarks</label>
      <div class="col-md-4">
        {{ form.remarks }}
        {{ form.remarks.errors }}
      </div>
    </div>
    <button type="submit" class="btn btn-primary">{{ action }}</button>
    <a href="{% url 'payroll:bonus_list' %}" class="btn btn-secondary">Cancel</a>
  </form>
{% endblock %}