{% extends "base.html" %}
{% block content %}
<div class="container-fluid mt-4">

  {% set policy_map = {} %}
  {% for p in policies %}
    {% set _ = policy_map.update({p.id: p.name}) %}
  {% endfor %}

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0"><i class="bi bi-clipboard-check me-2"></i>Incentive Batches</h4>
    <div class="d-flex gap-2">
      <a href="{{ url_for('incentives.run_incentive') }}" class="btn btn-success">
        <i class="bi bi-play-circle me-1"></i> Run Incentive
      </a>
      <a href="{{ url_for('incentives.policies') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Policies
      </a>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-header fw-bold">How to Create a Batch</div>
    <div class="card-body">
      <div class="alert alert-info small mb-0">
        Use <b>Run Incentive</b> to enter achievements, preview, and freeze a batch.
      </div>
    </div>
  </div>

  <div class="card shadow-sm">
    <div class="card-header fw-bold">All Batches</div>
    <div class="card-body p-0">
      <table class="table table-striped mb-0">
        <thead class="table-light">
          <tr>
            <th>ID</th>
            <th>Policy</th>
            <th>Period</th>
            <th>Status</th>
            <th style="width:140px;">Action</th>
          </tr>
        </thead>
        <tbody>
          {% for b in batches %}
          <tr>
            <td>{{ b.id }}</td>
            <td class="fw-semibold">
              {{ policy_map.get(b.policy_id, b.policy_id) }}
              <div class="text-muted small">Policy ID: {{ b.policy_id }}</div>
            </td>
            <td class="fw-semibold">{{ b.period_key }}</td>
            <td>
              <span class="badge bg-{% if b.status=='paid' %}success{% elif b.status=='approved' %}primary{% else %}warning text-dark{% endif %}">
                {{ b.status }}
              </span>
            </td>
            <td>
              <a class="btn btn-sm btn-outline-primary" href="{{ url_for('incentives.view_batch', batch_id=b.id) }}">
                <i class="bi bi-eye me-1"></i>Open
              </a>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="5" class="text-center text-muted py-4">No batches created yet.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

</div>
{% endblock %}