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

  <!-- Flash messages -->
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% 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 %}
    {% endif %}
  {% endwith %}

  <form action="{{ url_for('leave.edit_leave_type', type_id=lt.id) }}" method="POST">
    <div class="card shadow-sm">
      <div class="card-header bg-primary text-white">
        Edit Leave Type - {{ lt.name }}
      </div>
      <div class="card-body">
        <div class="row mb-2">
          <div class="col-md-4">
            <label for="name" class="form-label">Leave Name</label>
            <input type="text" name="name" value="{{ lt.name }}" class="form-control" required>
          </div>
          <div class="col-md-2">
            <label for="code" class="form-label">Code</label>
            <input type="text" name="code" value="{{ lt.code }}" class="form-control" required>
          </div>
          <div class="col-md-2">
            <label for="default_quota" class="form-label">Quota</label>
            <input type="number" step="0.5" name="default_quota" value="{{ lt.default_quota }}" class="form-control">
          </div>
          <div class="col-md-4">
            <label for="remarks" class="form-label">Remarks</label>
            <input type="text" name="remarks" value="{{ lt.remarks }}" class="form-control">
          </div>
        </div>

        <div class="row mb-2">
          <div class="col-md-2">
            <input type="checkbox" name="allow_half_day" {% if lt.allow_half_day %}checked{% endif %}> Allow Half-Day
          </div>
          <div class="col-md-2">
            <input type="checkbox" name="requires_approval" {% if lt.requires_approval %}checked{% endif %}> Requires Approval
          </div>
          <div class="col-md-2">
            <input type="checkbox" name="carry_forward" {% if lt.carry_forward %}checked{% endif %}> Carry Forward
          </div>
          <div class="col-md-2">
            <input type="checkbox" name="encashable" {% if lt.encashable %}checked{% endif %}> Encashable
          </div>
          <div class="col-md-2">
            <input type="checkbox" name="sandwich_applicable" {% if lt.sandwich_applicable %}checked{% endif %}> Sandwich Policy
          </div>
          <div class="col-md-2">
            <input type="checkbox" name="probation_restricted" {% if lt.probation_restricted %}checked{% endif %}> Probation Restricted
          </div>
        </div>

        <button type="submit" class="btn btn-success mt-3">💾 Save Changes</button>
        <a href="{{ url_for('leave.view_leave_types') }}" class="btn btn-secondary mt-3 ms-2">← Back</a>
      </div>
    </div>
  </form>
</div>
{% endblock %}