{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4><i class="bi bi-diagram-3 me-2"></i> Recruitment Templates</h4>
    <a href="{{ url_for('recruitment.template_import_excel') }}"
      class="btn btn-outline-primary btn-sm">
      <i class="bi bi-file-earmark-arrow-up me-1"></i> Import from Excel
    </a>
    <a href="{{ url_for('recruitment.template_new') }}" class="btn btn-primary btn-sm">
      <i class="bi bi-plus-circle me-1"></i> New Template
    </a>
  </div>

  <div class="card shadow-sm">
    <div class="card-body table-responsive">
      <table class="table table-sm table-striped align-middle mb-0">
        <thead>
          <tr>
            <th>Designation</th>
            <th>Min Education</th>
            <th>Experience (yrs)</th>
            <th>Salary Bracket</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for t in templates %}
          <tr>
            <td>{{ t.designation.title }}</td>
            <td>{{ t.min_education or '-' }}</td>
            <td>{{ t.min_experience_years or '-' }}</td>
            <td>{{ t.salary_bracket or '-' }}</td>
            <td class="text-end">
              <a href="{{ url_for('recruitment.template_edit', template_id=t.id) }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-pencil-square"></i> Edit
              </a>
            </td>
          </tr>
          {% else %}
          <tr>
            <td colspan="5" class="text-center text-muted py-3">No templates configured yet.</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}