{% extends "base.html" %}

{% block title %}建立新的暫時規範{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-10">
        <h2 class="mb-4">建立新的暫時規範</h2>
        <div class="card">
            <div class="card-body">
                <form id="spec-form" method="post">
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label for="theme" class="form-label">主題/目的</label>
                            <input type="text" class="form-control" id="theme" name="theme" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="applicant" class="form-label">申請者</label>
                            <input type="text" class="form-control" id="applicant" name="applicant" value="{{ current_user.username }}" readonly>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="applicant_phone" class="form-label">電話(分機)</label>
                            <input type="text" class="form-control" id="applicant_phone" name="applicant_phone">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">站別 (可多選)</label>
                        <div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="probing"><label>點測</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="dicing"><label>切割</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="diebond"><label>晶粒黏著</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="wirebond"><label>銲線黏著</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="solder"><label>錫膏焊接</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="molding"><label>成型</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="degate"><label>去膠</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="deflash"><label>吹砂</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="plating"><label>電鍍</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="trimform"><label>切彎腳</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="marking"><label>印字</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="tmtt"><label>測試</label></div>
                            <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" name="station" value="other"><label>其他</label></div>
                        </div>
                    </div>

                    <div class="row">
                      <div class="col-md-6 mb-3">
                          <label class="form-label">TCCS Level</label>
                          <div class="input-group">
                              <select class="form-select" name="tccs_level">
                                  <option selected value="">請選擇 Level...</option>
                                  <option value="l1">Level 1</option>
                                  <option value="l2">Level 2</option>
                                  <option value="l3">Level 3</option>
                                  <option value="l4">Level 4</option>
                              </select>
                              <div class="input-group-text">
                                  <div class="form-check form-check-inline mb-0"><input class="form-check-input" type="radio" name="tccs_4m" value="man"><label>人</label></div>
                                  <div class="form-check form-check-inline mb-0"><input class="form-check-input" type="radio" name="tccs_4m" value="machine"><label>機</label></div>
                                  <div class="form-check form-check-inline mb-0"><input class="form-check-input" type="radio" name="tccs_4m" value="material"><label>料</label></div>
                                  <div class="form-check form-check-inline mb-0"><input class="form-check-input" type="radio" name="tccs_4m" value="method"><label>法</label></div>
                                  <div class="form-check form-check-inline mb-0"><input class="form-check-input" type="radio" name="tccs_4m" value="env"><label>環</label></div>
                              </div>
                          </div>
                      </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4 mb-3"><label for="package" class="form-label">Package</label><input type="text" class="form-control" id="package" name="package"></div>
                        <div class="col-md-4 mb-3"><label for="lot_number" class="form-label">工單批號</label><input type="text" class="form-control" id="lot_number" name="lot_number"></div>
                        <div class="col-md-4 mb-3"><label for="equipment_type" class="form-label">設備型(編)號</label><input type="text" class="form-control" id="equipment_type" name="equipment_type"></div>
                    </div>

                    <div class="d-flex justify-content-end">
                        <a href="{{ url_for('temp_spec.spec_list') }}" class="btn btn-secondary me-2">取消</a>
                        <button type="submit" class="btn btn-primary">建立並開始編輯</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}