{% extends "base.html" %}
{% block content %}
<div class="container mt-4" style="max-width: 800px;">
  <div class="card shadow-sm">
    <div class="card-header bg-light"><strong>Initiate Appraisal</strong></div>
    <form method="post" class="card-body">

      <div class="mb-3">
        <label class="form-label">Employee</label>
        <select class="form-select" name="employee_id" required>
          <option value="">Select</option>
          {% for e in employees %}
            <option value="{{ e.id }}" {% if emp and emp.id == e.id %}selected{% endif %}>
              {{ e.full_name }} ({{ e.employee_code }})
            </option>
          {% endfor %}
        </select>
      </div>

      <div class="mb-3">
        <label class="form-label">Process Type</label>
        <select class="form-select" name="process_type" required>
          <option value="P1">Process 1: Employee + Manager + Auto Score</option>
          <option value="P2">Process 2: Manager + Auto Score</option>
          <option value="P3">Process 3: Direct HR % / Gross</option>
        </select>
      </div>

      <div class="mb-3">
        <label class="form-label">Effective Month</label>
        <input type="month" class="form-control" name="effective_month"
               value="{{ default_eff.strftime('%Y-%m') }}" required>
        <div class="text-muted small mt-1">Salary will change from 1st of selected month.</div>
      </div>

      <div class="text-end">
        <button class="btn btn-primary">Create</button>
      </div>
    </form>
  </div>
</div>
{% endblock %}