{% 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">
      <p><strong>銝駁?:</strong> {{ spec.title }}</p>
      <div class="alert alert-warning">
        ?瑁?甇斗?雿????喟?甇ａ€遢?急?閬?嚗???霈?歇蝯迫??蝯??交???啁隞予??
      </div>
      <div class="mb-3">
        <label for="reason" class="form-label"><strong>?蝯???</strong></label>
        <textarea class="form-control" id="reason" name="reason" rows="4" required></textarea>
      </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>

      <button type="submit" class="btn btn-danger">蝣箄?蝯迫</button>
      <a href="{{ url_for('temp_spec.spec_list') }}" class="btn btn-secondary">??</a>
    </form>
  </div>
</div>
{% endblock %}

{% block scripts %}
<script>
// ?萎辣??寧??頛詨?????隞嗅?銝脯€?
</script>
{% endblock %}