{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="mb-3 text-primary">Leave Policy Configuration</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 %}

  <!-- Add Policy Form -->
  <div class="card shadow-sm mb-4">
    <div class="card-header bg-primary text-white">Add New Leave Policy</div>
    <div class="card-body">
      <form action="{{ url_for('leave.add_leave_policy') }}" method="POST">
        <div class="row mb-2">
          <div class="col-md-4">
            <label class="form-label">Leave Type</label>
            <select name="leave_type_id" class="form-select" required>
              <option value="">-- Select --</option>
              {% for lt in leave_types %}
                <option value="{{ lt.id }}">{{ lt.name }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-md-4">
            <label class="form-label">Role (Optional)</label>
            <select name="role_id" class="form-select">
              <option value="">All</option>
              {% for role in roles %}
                <option value="{{ role.id }}">{{ role.name }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-md-4">
            <label class="form-label">Department (Optional)</label>
            <select name="department_id" class="form-select">
              <option value="">All</option>
              {% for dept in departments %}
                <option value="{{ dept.id }}">{{ dept.name }}</option>
              {% endfor %}
            </select>
          </div>
        </div>

        <div class="row mb-2">
          <div class="col-md-2">
            <label class="form-label">Annual Quota</label>
            <input type="number" name="annual_quota" class="form-control" step="0.5">
          </div>
          <div class="col-md-2">
            <label class="form-label">Max Consecutive Days</label>
            <input type="number" name="max_consecutive_days" class="form-control">
          </div>
          <div class="col-md-2">
            <label class="form-label">Join After Cutoff<br>(Month No)</label>
            <input type="number" name="join_after_cutoff_month" class="form-control" min="1" max="12">
          </div>
          <div class="col-md-2">
            <label class="form-label">Max RH Consecutive</label>
            <input type="number" name="rh_consecutive_limit" class="form-control">
          </div>
          <div class="col-md-4 d-flex align-items-center mt-3">
            <input type="checkbox" name="monthly_credit" class="form-check-input me-2">
            <label class="form-check-label">Monthly Credit Enabled</label>
          </div>
        </div>

        <button type="submit" class="btn btn-success mt-2">➕ Add Policy</button>
      </form>
    </div>
  </div>

  <!-- Policy Table -->
  <div class="card shadow-sm">
    <div class="card-header bg-secondary text-white">Existing Leave Policies</div>
    <div class="card-body p-0">
      <table class="table table-bordered table-striped m-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Leave Type</th>
            <th>Role</th>
            <th>Department</th>
            <th>Quota</th>
            <th>Monthly Credit</th>
            <th>Max Days</th>
            <th>RH Limit</th>
            <th>Join Cutoff</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          {% for p in policies %}
          <tr>
            <td>{{ loop.index }}</td>
            <td>{{ p.leave_type.name }}</td>
            <td>{{ p.role.name if p.role else 'All' }}</td>
            <td>{{ p.department.name if p.department else 'All' }}</td>
            <td>{{ p.annual_quota }}</td>
            <td>
              {% if p.monthly_credit %}
                <span class="badge bg-success">Yes</span>
              {% else %}
                <span class="badge bg-secondary">No</span>
              {% endif %}
            </td>
            <td>{{ p.max_consecutive_days }}</td>
            <td>{{ p.rh_consecutive_limit or '-' }}</td>
            <td>{{ p.join_after_cutoff_month or '-' }}</td>
            <td>
              <form method="POST" action="{{ url_for('leave.delete_leave_policy', policy_id=p.id) }}" onsubmit="return confirm('Delete this policy?');">
                <button class="btn btn-sm btn-outline-danger">🗑 Delete</button>
              </form>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="10" class="text-center">No policies defined.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}