{% 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="car-table">
        <thead>
            <tr>
                <th>模拟编号</th>
                <th>名称</th>
                <th>形状</th>
                <th>尺寸 (cm)</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-simulate-num">
            </div>
            <div class="form-group">
                <label>名称</label>
                <input type="text" id="edit-name">
            </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="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/simulate_car.js') }}"></script>
{% endblock %}