{% extends "erp_base.html" %}

{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css" />{% endblock %}

{% block content %}
<section class="cpg">

  <div class="erp-page-actions">
    <a class="erp-btn erp-btn-outline" href="/cupang/">← 달력</a>
  </div>

  <!-- 추가 -->
  <div class="erp-card cpg-form-card">
    <div class="cpg-card-head"><h2>입고센터 추가</h2></div>
    <form method="post" action="/cupang/centers" class="cpg-inline-form">
      <input class="erp-input" type="text" name="name" placeholder="센터명 (예: 대구3)" required />
      <input class="erp-input" type="number" name="sort_order" value="0" style="max-width:90px" title="정렬순서" />
      <button type="submit" class="erp-btn erp-btn-primary">추가</button>
    </form>
  </div>

  <!-- 목록 -->
  <div class="erp-card cpg-form-card">
    <div class="cpg-card-head"><h2>센터 목록 ({{ centers|length }})</h2></div>
    <div class="erp-table-wrap">
      <table class="erp-table">
        <thead>
          <tr><th>센터명</th><th>정렬</th><th>상태</th><th>사용중</th><th>동작</th></tr>
        </thead>
        <tbody>
          {% for c in centers %}
          <tr {% if not c.active %}style="opacity:.55"{% endif %}>
            <td>
              <form method="post" action="/cupang/centers/{{ c.id }}/edit" class="cpg-inline-form">
                <input class="erp-input" type="text" name="name" value="{{ c.name }}" style="max-width:160px" />
                <input class="erp-input" type="number" name="sort_order" value="{{ c.sort_order }}" style="max-width:80px" />
                <button type="submit" class="erp-btn erp-btn-outline">수정</button>
              </form>
            </td>
            <td>{{ c.sort_order }}</td>
            <td>
              {% if c.active %}<span class="erp-badge erp-badge-success">활성</span>
              {% else %}<span class="erp-badge erp-badge-neutral">비활성</span>{% endif %}
            </td>
            <td>{% if c.in_use %}<span class="erp-badge erp-badge-inverse">사용중</span>{% else %}—{% endif %}</td>
            <td>
              <div class="cpg-row-actions">
                {% if c.active %}
                <form method="post" action="/cupang/centers/{{ c.id }}/edit" class="cpg-inline-form">
                  <input type="hidden" name="active" value="0" />
                  <button type="submit" class="erp-btn erp-btn-outline">비활성화</button>
                </form>
                {% else %}
                <form method="post" action="/cupang/centers/{{ c.id }}/edit" class="cpg-inline-form">
                  <input type="hidden" name="active" value="1" />
                  <button type="submit" class="erp-btn erp-btn-outline">활성화</button>
                </form>
                {% endif %}
                <form method="post" action="/cupang/centers/{{ c.id }}/delete" class="cpg-inline-form"
                      onsubmit="return confirm('{% if c.in_use %}사용 중인 센터는 비활성화됩니다.{% else %}삭제합니다.{% endif %} 계속할까요?');">
                  <button type="submit" class="erp-btn erp-btn-danger">삭제</button>
                </form>
              </div>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <p class="erp-muted">※ 출고 데이터에서 사용 중인 센터는 삭제 시 hard delete 되지 않고 비활성화됩니다.</p>
  </div>

</section>
{% endblock %}