{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width: 860px;">
  <h4 class="mb-3">Initiate Exit</h4>

  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for c, m in messages %}<div class="alert alert-{{c}}">{{ m }}</div>{% endfor %}
    {% endif %}
  {% endwith %}

  <form method="POST" class="card p-3 shadow-sm">
    <div class="row g-3">
      <div class="col-md-6">
        <label class="form-label">Employee</label>
        <select name="employee_id" class="form-select" required>
          <option value="">-- Select Employee --</option>
          {% for emp in employees %}
            <option value="{{ emp.id }}">
              {{ emp.full_name }} ({{ emp.employee_code }})
            </option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-3">
        <label class="form-label">Resignation Date</label>
        <input type="date" name="resignation_date" class="form-control" required>
      </div>

      <div class="col-md-3">
        <label class="form-label">Proposed LWD</label>
        <input type="date" name="proposed_lwd" class="form-control" required>
      </div>

      <div class="col-12">
        <label class="form-label">Remarks (optional)</label>
        <textarea name="remarks" rows="3" class="form-control" placeholder="Add any notes for manager/IT/HR"></textarea>
      </div>

      <div class="col-12 text-end">
        <button class="btn btn-primary px-4">Create Exit</button>
      </div>
    </div>
  </form>
</div>
{% endblock %}