{% extends 'base.html' %}
{% block title %}Payroll Settings{% endblock %}
{% block content %}
<div class="content-card" style="max-width:640px">
    <div class="content-card-header"><strong class="text-white">Payroll Settings</strong><a href="{% url 'holiday_list' %}" class="btn btn-outline-light btn-sm">Holidays</a></div>
    <div class="content-card-body"><form method="post">{% csrf_token %}
        <div class="mb-3"><label class="form-label">Weekly off days</label>
            <div class="d-flex flex-wrap gap-3">{% for cb in form.weekly_off %}<div class="form-check">{{ cb.tag }} <label class="form-check-label" for="{{ cb.id_for_label }}">{{ cb.choice_label }}</label></div>{% endfor %}</div></div>
        <div class="row">
            <div class="col-md-6 mb-3"><label class="form-label">Working hours per day</label>{{ form.work_hours_per_day }}<div class="text-danger small">{{ form.work_hours_per_day.errors|join:", " }}</div></div>
            <div class="col-md-6 mb-3"><label class="form-label">Overtime rate (&times; hourly)</label>{{ form.overtime_multiplier }}<div class="text-secondary" style="font-size:11px">Hourly rate = basic &divide; (days in month &times; hours per day)</div></div>
        </div>
        <div class="mb-3"><label class="form-label">Late days that count as 1 absent day</label>{{ form.late_days_per_absence }}<div class="text-secondary" style="font-size:11px">Set 0 to never deduct for late arrival.</div></div>
        <div class="form-check mb-3">{{ form.unmarked_as_absent }} <label class="form-check-label" for="{{ form.unmarked_as_absent.id_for_label }}">Treat working days with no attendance record as <strong>absent</strong></label>
            <div class="text-secondary" style="font-size:11px">Off (default): unmarked days count as present, so nobody loses pay if attendance was not entered.</div></div>
        <button class="btn btn-success"><i class="fas fa-save"></i> Save</button>
    </form></div>
</div>
{% endblock %}