{% extends "erp_base.html" %}

{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530i" />{% endblock %}

{% block content %}
<section class="vac">
  <div class="erp-card">
    {% if items %}
    <div class="erp-table-wrap">
      <table class="erp-table vac-pending-table">
        <thead>
          <tr>
            <th>신청자</th><th>휴가종류</th><th>기간</th><th>일수</th>
            <th>사유</th><th class="vac-act-col">동작</th>
          </tr>
        </thead>
        <tbody>
          {% for r in items %}
          <tr>
            <td><a href="/vacation/{{ r.id }}">{{ r.owner_name or r.owner }}</a></td>
            <td>{{ r.vacation_type }}</td>
            <td>{{ r.start_date }}{% if r.end_date != r.start_date %} ~ {{ r.end_date }}{% endif %}</td>
            <td>{{ r.days }}</td>
            <td class="vac-reason-cell erp-muted">{{ r.reason }}</td>
            <td class="vac-act-col">
              <div class="vac-pending-acts">
                <form method="post" action="/vacation/{{ r.id }}/approve" class="vac-inline-form">
                  <button type="submit" class="erp-btn erp-btn-primary erp-btn-sm">승인</button>
                </form>
                <form method="post" action="/vacation/{{ r.id }}/reject" class="vac-reject-form">
                  <input class="erp-input erp-input-sm" type="text" name="reject_reason"
                         placeholder="반려 사유" required />
                  <button type="submit" class="erp-btn erp-btn-danger erp-btn-sm">반려</button>
                </form>
              </div>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <p class="erp-muted">승인 대기 중인 휴가 신청이 없습니다.</p>
    {% endif %}
  </div>
</section>
{% endblock %}