{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="text-primary mb-3">Preview Allocation (Post‑Freeze)</h3>

  <div class="alert alert-info">
    <div><strong>Leave Type:</strong> {{ leave_type.name }} ({{ leave_type.code }})</div>
    <div><strong>FY (label):</strong> {{ fy_label }}</div>
    <div><strong>Strategy:</strong> {{ strategy }}</div>
    <div><strong>Freeze till:</strong> {{ freeze_till }}</div>
    <div class="mt-1 text-muted">This is a dry run. No balances were changed.</div>
  </div>

  <div class="card shadow-sm">
    <div class="table-responsive">
      <table class="table table-bordered m-0">
        <thead class="table-light">
          <tr>
            <th>#</th>
            <th>Emp Code</th>
            <th>Employee</th>
            <th>Previous</th>
            <th>New</th>
            <th>Δ (New – Prev)</th>
            <th>Remark</th>
          </tr>
        </thead>
        <tbody>
          {% for r in rows %}
          <tr>
            <td>{{ loop.index }}</td>
            <td>{{ r.emp_code }}</td>
            <td>{{ r.employee }}</td>
            <td>{{ r.previous }}</td>
            <td>{{ r.new }}</td>
            <td>{{ r.delta }}</td>
            <td>{{ r.remark }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <div class="d-flex gap-2 mt-3">
    <a href="{{ url_for('leave.leave_allocation') }}" class="btn btn-outline-secondary">Back</a>
    <a href="{{ url_for('leave.leave_allocation') }}#run" class="btn btn-primary">Apply Allocation</a>
  </div>
</div>
{% endblock %}