{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="text-primary mb-4">Leave Settings</h3>

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
      <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
      </div>
    {% endfor %}
  {% endwith %}

  <form method="POST" class="card p-4 shadow-sm">
    <div class="form-check mb-3">
      <input class="form-check-input" type="checkbox" name="sandwich_policy_enabled" id="sandwichToggle"
             {% if settings.sandwich_policy_enabled %}checked{% endif %}>
      <label class="form-check-label" for="sandwichToggle">Enable Sandwich Leave Policy</label>
    </div>

    <div class="mb-3">
      <label class="form-label">Max RH per Year</label>
      <input type="number" class="form-control" name="rh_max_per_year"
             value="{{ settings.rh_max_per_year or 5 }}" required>
    </div>

    <button type="submit" class="btn btn-primary">Save Settings</button>
  </form>
</div>
{% endblock %}