{% 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-file-earmark-text"></i> 日报管理</h2>
    <a href="{{ url_for('daily_report.entry_form') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg"></i> 新建日报
    </a>
</div>

<div class="card">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover table-sm">
                <thead>
                    <tr>
                        <th rowspan="2">日期</th>
                        <th rowspan="2">部门</th>
                        <th rowspan="2">线别</th>
                        <th colspan="3">直接工时</th>
                        <th colspan="3">间接工时</th>
                        <th colspan="2">总计</th>
                        <th rowspan="2">操作</th>
                    </tr>
                    <tr>
                        <th class="border-start">投入</th>
                        <th>产出</th>
                        <th>效率</th>
                        <th class="border-start">投入</th>
                        <th>产出</th>
                        <th>效率</th>
                        <th class="border-start">总效率</th>
                        <th>异常率</th>
                    </tr>
                </thead>
                <tbody>
                    {% for report in reports %}
                    <tr>
                        <td>{{ report.report_date.strftime('%Y-%m-%d') }}</td>
                        <td>{{ report.department }}</td>
                        <td>{{ report.line }}</td>
                        <td class="border-start">{{ "%.2f"|format(report.direct_input_hours or 0) }}</td>
                        <td>{{ "%.2f"|format(report.direct_output_hours or 0) }}</td>
                        <td>
                            <span class="badge {% if report.direct_efficiency >= 80 %}bg-success{% elif report.direct_efficiency >= 60 %}bg-warning text-dark{% else %}bg-danger{% endif %}">
                                {{ "%.1f"|format(report.direct_efficiency or 0) }}%
                            </span>
                        </td>
                        <td class="border-start">{{ "%.2f"|format(report.indirect_input_hours or 0) }}</td>
                        <td>{{ "%.2f"|format(report.indirect_output_hours or 0) }}</td>
                        <td>
                            <span class="badge {% if report.indirect_efficiency >= 80 %}bg-success{% elif report.indirect_efficiency >= 60 %}bg-warning text-dark{% else %}bg-danger{% endif %}">
                                {{ "%.1f"|format(report.indirect_efficiency or 0) }}%
                            </span>
                        </td>
                        <td class="border-start">
                            <span class="badge {% if report.overall_efficiency >= 80 %}bg-success{% elif report.overall_efficiency >= 60 %}bg-warning text-dark{% else %}bg-danger{% endif %}">
                                {{ "%.1f"|format(report.overall_efficiency or 0) }}%
                            </span>
                        </td>
                        <td>{{ "%.1f"|format(report.abnormal_hours_rate or 0) }}%</td>
                        <td>
                            <a href="{{ url_for('daily_report.edit_form', id=report.id) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <button class="btn btn-sm btn-outline-danger delete-btn"
                                    data-id="{{ report.id }}"
                                    data-date="{{ report.report_date.strftime('%Y-%m-%d') }}"
                                    data-line="{{ report.department }} - {{ report.line }}">
                                <i class="bi bi-trash"></i>
                            </button>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% if reports|length == 0 %}
        <div class="text-center py-4 text-muted">
            <i class="bi bi-inbox" style="font-size: 3rem;"></i>
            <p class="mt-2">暂无日报记录</p>
            <a href="{{ url_for('daily_report.entry_form') }}" class="btn btn-primary">
                <i class="bi bi-plus-lg"></i> 创建第一条日报
            </a>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Handle delete button clicks
    document.querySelectorAll('.delete-btn').forEach(btn => {
        btn.addEventListener('click', function() {
            const id = this.dataset.id;
            const date = this.dataset.date;
            const line = this.dataset.line;

            if (confirm(`确定要删除 ${date} ${line} 的日报吗？`)) {
                fetch(`/report/api/delete/${id}`, {
                    method: 'DELETE',
                    headers: {
                        'Content-Type': 'application/json'
                    }
                })
                .then(response => response.json())
                .then(result => {
                    if (result.success) {
                        location.reload();
                    } else {
                        alert('删除失败：' + (result.error || '未知错误'));
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('删除失败，请重试');
                });
            }
        });
    });
});
</script>
{% endblock %}