{% extends "erp_base.html" %}

{% block head_extra %}
<link rel="stylesheet" href="/static/cafe24.css?v=20260814c" />
{% endblock %}

{% block content %}
{% include "cafe24/_nav.html" %}

{% if error %}
<div class="cf24-flash cf24-flash-err">
  카페24 조회에 실패했습니다: {{ error }}<br />
  <a href="/cafe24/system">시스템 화면에서 연결 상태를 확인하세요.</a>
</div>
{% endif %}

<div class="erp-card cf24-card">
  <div class="cf24-card-head">
    <h3>상품 목록</h3>
    <span class="cf24-muted">
      {% if keyword %}“{{ keyword }}” 검색 결과 {{ total }}건{% else %}전체 {{ total }}건{% endif %}
      · {{ page }} / {{ last_page }} 페이지
    </span>
  </div>

  <form class="cf24-toolbar" method="get" action="/cafe24/">
    <input class="cf24-search" type="search" name="q" value="{{ keyword }}"
           placeholder="상품명으로 검색 (부분일치)" />
    <button class="erp-btn erp-btn-primary" type="submit">검색</button>
    {% if keyword %}<a class="erp-btn erp-btn-outline" href="/cafe24/">전체보기</a>{% endif %}
  </form>

  {% if rows %}
  <div class="cf24-scroll">
    <table class="erp-table">
      <thead>
        <tr>
          <th>상품번호</th><th>상품코드</th><th>상품명</th>
          <th>진열</th><th>판매</th><th>판매가</th><th>최근 수정</th><th></th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
        <tr>
          <td class="cf24-nowrap">{{ r.product_no }}</td>
          <td class="cf24-nowrap"><code>{{ r.product_code }}</code></td>
          <td>{{ r.product_name }}</td>
          <td class="cf24-nowrap">
            {% if r.display %}<span class="erp-badge cf24-badge-ok">진열</span>
            {% else %}<span class="erp-badge cf24-badge-off">미진열</span>{% endif %}
          </td>
          <td class="cf24-nowrap">
            {% if r.selling %}<span class="erp-badge cf24-badge-ok">판매</span>
            {% else %}<span class="erp-badge cf24-badge-off">중지</span>{% endif %}
          </td>
          <td class="cf24-nowrap">{{ r.price }}</td>
          <td class="cf24-nowrap">{{ r.updated_date }}</td>
          <td class="cf24-nowrap">
            <a class="erp-btn erp-btn-outline" href="/cafe24/products/{{ r.product_no }}">상세페이지</a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if last_page > 1 %}
  <div class="cf24-pager">
    {% if page > 1 %}
    <a class="erp-btn erp-btn-outline"
       href="/cafe24/?q={{ keyword | urlencode }}&page={{ page - 1 }}">← 이전</a>
    {% endif %}
    <span class="cf24-muted">{{ page }} / {{ last_page }}</span>
    {% if page < last_page %}
    <a class="erp-btn erp-btn-outline"
       href="/cafe24/?q={{ keyword | urlencode }}&page={{ page + 1 }}">다음 →</a>
    {% endif %}
  </div>
  {% endif %}

  {% elif not error %}
  <p class="cf24-muted">
    {% if keyword %}“{{ keyword }}” 로 찾은 상품이 없습니다.{% else %}표시할 상품이 없습니다.{% endif %}
  </p>
  {% endif %}
</div>
{% endblock %}