{% extends "base.html" %}

{% block title %}标准工时配置 - 工厂工时效率管理系统{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-clock"></i> 标准工时配置</h2>
    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addModal">
        <i class="bi bi-plus-lg"></i> 新增配置
    </button>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>产品系列</th>
                        <th>机型</th>
                        <th>直接ST (HR/Unit)</th>
                        <th>间接ST (HR/Unit)</th>
                        <th>总ST</th>
                        <th>适用线别</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    {% for st in st_configs %}
                    <tr>
                        <td>{{ st.product_series }}</td>
                        <td>{{ st.model }}</td>
                        <td>{{ st.direct_st }}</td>
                        <td>{{ st.indirect_st }}</td>
                        <td>{{ "%.2f"|format(st.direct_st + st.indirect_st) }}</td>
                        <td>{{ st.applicable_line }}</td>
                        <td>
                            <button class="btn btn-sm btn-outline-primary edit-btn"
                                    data-id="{{ st.id }}"
                                    data-series="{{ st.product_series }}"
                                    data-model="{{ st.model }}"
                                    data-direct="{{ st.direct_st }}"
                                    data-indirect="{{ st.indirect_st }}"
                                    data-line="{{ st.applicable_line }}">
                                <i class="bi bi-pencil"></i>
                            </button>
                            <button class="btn btn-sm btn-outline-danger delete-btn"
                                    data-id="{{ st.id }}"
                                    data-name="{{ st.product_series }} - {{ st.model }}">
                                <i class="bi bi-trash"></i>
                            </button>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<!-- Add Modal -->
<div class="modal fade" id="addModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">新增标准工时配置</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="addForm">
                    <div class="mb-3">
                        <label for="addSeries" class="form-label">产品系列</label>
                        <input type="text" class="form-control" id="addSeries" required>
                    </div>
                    <div class="mb-3">
                        <label for="addModel" class="form-label">机型</label>
                        <input type="text" class="form-control" id="addModel" required>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="addDirect" class="form-label">直接ST</label>
                            <input type="number" class="form-control" id="addDirect" step="0.01" min="0" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="addIndirect" class="form-label">间接ST</label>
                            <input type="number" class="form-control" id="addIndirect" step="0.01" min="0" value="0" required>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="addLine" class="form-label">适用线别</label>
                        <select class="form-select" id="addLine" required>
                            <option value="">请选择线别</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="addSubmit">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- Edit Modal -->
<div class="modal fade" id="editModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">编辑标准工时配置</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="editForm">
                    <input type="hidden" id="editId">
                    <div class="mb-3">
                        <label for="editSeries" class="form-label">产品系列</label>
                        <input type="text" class="form-control" id="editSeries" required>
                    </div>
                    <div class="mb-3">
                        <label for="editModel" class="form-label">机型</label>
                        <input type="text" class="form-control" id="editModel" required>
                    </div>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="editDirect" class="form-label">直接ST</label>
                            <input type="number" class="form-control" id="editDirect" step="0.01" min="0" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="editIndirect" class="form-label">间接ST</label>
                            <input type="number" class="form-control" id="editIndirect" step="0.01" min="0" required>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="editLine" class="form-label">适用线别</label>
                        <select class="form-select" id="editLine" required>
                            <option value="">请选择线别</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="editSubmit">保存</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/config-standard-hours.js') }}"></script>
{% endblock %}