<div id="repo-list">
  {% if error %}
    <p role="alert" class="status-line status-bad">저장소 목록을 불러오지 못했습니다: {{ error }}</p>
  {% else %}
    <div class="summary">
      <div class="card"><div class="value">{{ summary.total }}</div><div class="label">전체 저장소</div></div>
      <div class="card"><div class="value">{{ summary.syncing }}</div><div class="label">동기화 중</div></div>
      <div class="card"><div class="value">{{ summary.gpg_pass }}</div><div class="label">GPG 검증 통과</div></div>
      <div class="card"><div class="value">{{ summary.total_packages }}</div><div class="label">총 패키지</div></div>
    </div>

    {% if repos %}
    <div class="table-card">
      <table>
        <thead>
          <tr>
            <th>저장소</th>
            <th>검증</th>
            <th class="num">최신 버전</th>
            <th class="num">패키지 수</th>
            <th>마지막 동기화</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for repo in repos %}
          <tr>
            <td class="repo-name">{{ repo.name }}</td>
            <td><span class="badge badge-{{ repo.gpg.level }}">{{ repo.gpg.label }}</span></td>
            <td class="num">{% if repo.latest_version is not none %}v{{ repo.latest_version }}{% else %}—{% endif %}</td>
            <td class="num">{% if repo.package_count is not none %}{{ repo.package_count }}{% else %}—{% endif %}</td>
            <td>{{ repo.last_sync or "—" }}</td>
            <td>
              <!-- 동기화 버튼은 단계2에서 동작 연결 -->
              <button disabled class="secondary">동기화</button>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <p>등록된 저장소가 없습니다.</p>
    {% endif %}
  {% endif %}
</div>
