<dialog open>
  <article>
    <header>
      <h3>이 버전을 운영망에 배포</h3>
    </header>

    {% if error %}
    <p class="status-line status-bad">{{ error }}</p>
    {% endif %}

    <p>운영 서버(yum/dnf)가 실제로 내려받는 버전이 바뀝니다. 신중히 확인하세요.</p>

    {% if preview %}
    <table>
      <tbody>
        <tr><td>현재 운영</td>
          <td class="num">{% if preview.current_version is not none %}v{{ preview.current_version }} ({{ preview.current_count }}개){% else %}없음{% endif %}</td></tr>
        <tr><td>배포 대상</td>
          <td class="num">v{{ preview.target_version }} ({{ preview.target_count }}개)</td></tr>
        <tr><td>순 변화</td>
          <td class="num">{{ preview.net_sign }}{{ preview.net }}개</td></tr>
      </tbody>
    </table>
    {% endif %}

    <form hx-post="/repos/{{ uuid }}/deploy" hx-target="#modal" hx-swap="innerHTML">
      <input type="hidden" name="version_href" value="{{ version_href }}">
      <label>
        확인을 위해 저장소 이름 <strong>{{ repo_name }}</strong> 을(를) 입력하세요
        <input type="text" name="confirm_name" autocomplete="off" required
               oninput="document.getElementById('deploy-confirm-btn').disabled = (this.value !== {{ repo_name | tojson }})">
      </label>
      {# TODO(auth): 로그인 도입 시 여기서 배포 비밀번호 재확인 입력 추가 #}
      <footer>
        <button type="button" class="secondary"
                onclick="document.getElementById('modal').innerHTML=''">취소</button>
        <button type="submit" id="deploy-confirm-btn" class="danger" disabled>배포 확정</button>
      </footer>
    </form>
  </article>
</dialog>
