{% extends "base.html" %}
{% block content %}

<div class="container mt-4">
    <h4 class="mb-4">Gratuity Settings</h4>

    <form method="POST">
        <div class="card shadow-sm mb-4">
            <div class="card-body">

                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" name="is_enabled"
                        {% if setting and setting.is_enabled %}checked{% endif %}>
                    <label class="form-check-label">Enable Gratuity Module</label>
                </div>

                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" name="is_covered"
                        {% if setting and setting.is_covered_under_act %}checked{% endif %}>
                    <label class="form-check-label">Covered under Gratuity Act</label>
                </div>

                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label>Minimum Service Years</label>
                        <input type="number" name="min_service_years" class="form-control"
                               value="{{ setting.min_service_years if setting else 5 }}">
                    </div>

                    <div class="col-md-4 mb-3">
                        <label>Round-up After Months</label>
                        <input type="number" name="round_up_after_months" class="form-control"
                               value="{{ setting.round_up_after_months if setting else 6 }}">
                    </div>

                    <div class="col-md-4 mb-3">
                        <label>Maximum Limit (₹)</label>
                        <input type="number" step="0.01" name="max_limit" class="form-control"
                               value="{{ setting.max_limit if setting else 2000000 }}">
                    </div>

                    <div class="col-md-12 mb-3">
                        <label>Formula</label>
                        <input type="text"
                               name="formula"
                               class="form-control"
                               value="{{ setting.formula if setting and setting.formula else '(last_drawn_salary * 15 * eligible_service_years) / 26' }}">
                        <small class="text-muted">
                            Allowed variables: <code>last_drawn_salary</code>,
                            <code>eligible_service_years</code>,
                            <code>service_years</code>,
                            <code>remaining_months</code>
                        </small>
                    </div>
                </div>

                <div class="form-check mb-3">
                    <input class="form-check-input" type="checkbox" name="waive"
                        {% if setting and setting.waive_service_for_death_disability %}checked{% endif %}>
                    <label class="form-check-label">Waive 5-year rule for Death/Disability</label>
                </div>

            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-header">
                <strong>Select Salary Components for Gratuity</strong>
            </div>
            <div class="card-body">

                <div class="row">
                    {% for head in earning_heads %}
                    <div class="col-md-4">
                        <div class="form-check">
                            <input class="form-check-input"
                                   type="checkbox"
                                   name="components"
                                   value="{{ head.id }}"
                                   {% if head.id in selected_ids %}checked{% endif %}>
                            <label class="form-check-label">
                                {{ head.name }}
                            </label>
                        </div>
                    </div>
                    {% endfor %}
                </div>

            </div>
        </div>

        <div class="mt-3 text-end">
            <button type="submit" class="btn btn-primary">Save Settings</button>
        </div>
    </form>
</div>

{% endblock %}