<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<head>
<link rel="stylesheet" href="{{ url_for('static',filename='css/ul.css') }}">
<ul>
<li><a href="../" class="active">首頁</a></li>
<li><a href="{{ url_for('productinfo') }}">檢查產品清單</a></li>
<li><a href="{{ url_for('form') }}">新增產品清單</a></li>
<li><a href="{{ url_for('check') }}">查詢產品清單</a></li>
<li><a href="{{ url_for('bom') }}">建立BOM清單</a></li>
<li><a href="../register">註冊</a></li>
<li><a href="{{ url_for('login') }}">登入</a></li>
<li><a href="../logout">登出</a></li>
</ul>
<br>
</head>
<body>
<br>
<table id="mt" border="1" cellpadding="5" cellspacing="0">
<thead>
<th>產品編號</th>
<th>產品名稱</th>
</thead>
<tbody></tbody>
<p><input type = "button" id="add" value = "新增" /></p>
<p><input type = "button" id="del" value = "刪除" /></p>
</table>
<form action="{{ url_for('bom') }}" method="POST">
<fieldset>
<legend>BOM組合清單</legend>
<select name="test1" style="width:100px;">
<tr>
{% for i1 in labels %}
<option>{{i1}}</option>
{% endfor %}
</tr>
</select>
<select name="test2" style="width:100px;">
<tr>
{% for i1 in labels %}
<option>{{i1}}</option>
{% endfor %}
</tr>
</select>
<select name="test3" style="width:100px;">
<tr>
{% for i1 in labels %}
<option>{{i1}}</option>
{% endfor %}
</tr>
</select>
<p><input type = "submit" value = "建立" /></p>
</fieldset>
</form>
<script type="text/javascript">
var tag = 1;
$(function(){
$("#add").click(function(){
$('#mt tbody').append('<tr><td>A0000'+tag+'</td><td><input type = "text"/></td></tr>');
tag++;
});
$("#del").click(function(){
$("#mt tbody tr:last").remove();
});
})
</script>
</body>
</html>