{% extends "base.html" %}
{% block title %}线圈参数管理 - EDC 工装管理系统{% endblock %}

{% block content %}
<div class="test-header">
    <a href="/">← 返回设备列表</a>
    <h2>线圈参数管理</h2>
</div>

<div class="fixture-card">
    <div class="vbt-header">
        <div style="display:flex; gap:8px; align-items:center;">
            <input type="text" id="search-input" placeholder="搜索编号/名称..."
                   style="padding:6px 10px; border:1px solid #ddd; border-radius:4px; font-size:13px; width:200px;"
                   oninput="loadList()">
        </div>
        <button class="btn-add" onclick="openModal()">+ 新增</button>
    </div>

    <table id="coil-table">
        <thead>
            <tr>
                <th>线圈编号</th>
                <th>名称</th>
                <th>电感量</th>
                <th>形状</th>
                <th>尺寸 (cm)</th>
                <th>圈数</th>
                <th>电阻 (Ω)</th>
                <th>材质</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

<!-- 编辑弹窗 -->
<div id="edit-modal" class="modal-overlay" style="display:none;" onclick="if(event.target===this)closeModal()">
    <div class="modal-box">
        <h3 id="modal-title">新增线圈参数</h3>
        <div class="modal-form">
            <div class="form-group">
                <label>线圈编号 *</label>
                <input type="text" id="edit-coil-num">
            </div>
            <div class="form-group">
                <label>名称</label>
                <input type="text" id="edit-name">
            </div>
            <div class="form-group">
                <label>电感量</label>
                <input type="number" id="edit-induct" step="0.01" value="0">
            </div>
            <div class="form-group">
                <label>形状</label>
                <select id="edit-shape">
                    <option value="">-- 请选择 --</option>
                    <option value="矩形">矩形</option>
                    <option value="圆形">圆形</option>
                </select>
            </div>
            <div class="form-group">
                <label>长度 (cm，矩形有效)</label>
                <input type="number" id="edit-length" step="0.1" value="0">
            </div>
            <div class="form-group">
                <label>宽度 (cm，矩形有效)</label>
                <input type="number" id="edit-width" step="0.1" value="0">
            </div>
            <div class="form-group">
                <label>半径 (cm，圆形有效)</label>
                <input type="number" id="edit-radius" step="0.1" value="0">
            </div>
            <div class="form-group">
                <label>圈数</label>
                <input type="number" id="edit-turns" value="0">
            </div>
            <div class="form-group">
                <label>电阻 (Ω)</label>
                <input type="number" id="edit-resistance" step="0.01" value="0">
            </div>
            <div class="form-group">
                <label>材质</label>
                <input type="text" id="edit-material" placeholder="如铜线">
            </div>
            <div class="form-group full">
                <label>备注</label>
                <textarea id="edit-remark" rows="2" style="resize:vertical;"></textarea>
            </div>
        </div>
        <div class="modal-actions">
            <button class="btn-cancel" onclick="closeModal()">取消</button>
            <button class="btn-save" onclick="saveRecord()">保存</button>
        </div>
    </div>
</div>

<div id="toast" class="msg-toast"></div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='js/coil_info.js') }}"></script>
{% endblock %}