{% extends "base.html" %}

{% block title %}展延暫時規範{% endblock %}

{% block content %}
<h2 class="mb-4">展延暫時規範</h2>

<div class="card">
  <div class="card-header">
    規範編號: <strong>{{ spec.spec_code }}</strong>
  </div>
  <div class="card-body">
    <form method="post" enctype="multipart/form-data">
      <p><strong>主題:</strong> {{ spec.title }}</p>
      <p><strong>原結束日期:</strong> {{ spec.end_date|taiwan_date }}</p>
      <p><strong>展延次數:</strong>
        <span class="badge bg-info">{{ spec.extension_count }} / 2</span>
        <small class="text-muted ms-2">
          剩餘可展延次數: <strong>{{ 2 - spec.extension_count }}</strong> 次
        </small>
      </p>

      <div class="mb-3">
        <label for="new_end_date" class="form-label"><strong>新的結束日期</strong></label>
        <input type="date" class="form-control" id="new_end_date" name="new_end_date"
               value="{{ default_new_end_date|taiwan_date }}" required>
        <div class="form-text">請輸入完整郵件地址，多筆請以分號 (;) 分隔。</div>
      </div>

      <div class="mb-3">
        <label for="new_file" class="form-label"><strong>重新上傳佐證檔案 (必填)</strong></label>
        <input class="form-control" type="file" id="new_file" name="new_file" accept=".pdf" required>
        <div class="form-text">請上傳展延申請的相關佐證文件 (PDF 格式)。</div>
      </div>

      <!-- 郵件通知對象選擇 -->
      <div class="mb-3">
        <label for="recipients" class="form-label"><strong>郵件通知對象</strong></label>
        {% if saved_emails %}
        <div class="alert alert-info mb-2">
          <small>以下為先前儲存的通知清單，可直接調整或重新輸入。</small>
        </div>
        {% endif %}
        <textarea class="form-control" id="recipients" name="recipients" rows="3" placeholder="mail1@example.com; mail2@example.com">{{ saved_emails or '' }}</textarea>
        <div class="form-text">請輸入完整郵件地址，多筆請以分號 (;) 分隔。</div>
      </div>

      <button type="submit" class="btn btn-primary">確認展延</button>
      <a href="{{ url_for('temp_spec.spec_list') }}" class="btn btn-secondary">取消</a>
    </form>
  </div>
</div>
{% endblock %}

{% block scripts %}
<script>
// 郵件通知輸入改為分號分隔字串，無需額外初始化。
</script>
{% endblock %}