{% extends "erp_base.html" %}

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

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

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

  <div class="cpg-center-layout">

    <!-- 왼쪽: 입고센터 추가 -->
    <div class="erp-card cpg-form-card cpg-center-add">
      <h2 class="cpg-center-add-title">입고센터 추가</h2>
      <form method="post" action="/cupang/centers" class="cpg-inline-form">
        <input class="erp-input" type="text" name="name" placeholder="센터명 (예: 대구3)" required style="flex:1 1 auto;min-width:0" />
        <button type="submit" class="erp-btn erp-btn-primary">추가</button>
      </form>
    </div>

    <!-- 오른쪽: 센터 목록 (높이 900 고정, 내부 스크롤) -->
    <div class="erp-card cpg-form-card cpg-center-listcard">
      <div class="cpg-card-head">
        <h2>센터 목록 ({{ centers|length }})</h2>
        <span class="erp-muted">사용 중 센터는 삭제 시 비활성화됩니다.</span>
      </div>

      <div class="cpg-center-list">
        {% for c in centers %}
        <div class="cpg-center-row {% if not c.active %}is-inactive{% endif %}">
          <form method="post" action="/cupang/centers/{{ c.id }}/edit" class="cpg-center-edit">
            <input class="erp-input cpg-center-name" type="text" name="name" value="{{ c.name }}" />
            <button type="submit" class="erp-btn erp-btn-outline cpg-btn-sm" title="이름 저장">저장</button>
          </form>
          <span class="cpg-center-state">
            {% if c.in_use %}<span class="erp-badge erp-badge-inverse cpg-mini">사용중</span>{% endif %}
            {% if c.active %}<span class="erp-badge erp-badge-success cpg-mini">활성</span>
            {% else %}<span class="erp-badge erp-badge-neutral cpg-mini">비활성</span>{% endif %}
          </span>
          <span class="cpg-center-act">
            {% 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 cpg-btn-sm">비활성</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 cpg-btn-sm">활성</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 cpg-btn-sm">삭제</button>
            </form>
          </span>
        </div>
        {% endfor %}
      </div>
    </div>

  </div>
</section>
{% endblock %}