{% extends "base.html" %}

{% block title %}首页 - 工厂工时效率管理系统{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-12">
        <h2 class="mb-3">
            <i class="bi bi-house-door"></i> 欢迎使用工时效率管理系统
        </h2>
    </div>
</div>

<div class="row" id="stats-container">
    <div class="col-md-3 mb-3">
        <div class="card stats-card bg-primary text-white">
            <div class="card-body">
                <h6 class="card-title">今日日报</h6>
                <h2 class="mb-0" id="today-count">-</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card stats-card bg-success text-white">
            <div class="card-body">
                <h6 class="card-title">平均效率</h6>
                <h2 class="mb-0"><span id="avg-efficiency">-</span>%</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card stats-card bg-warning text-dark">
            <div class="card-body">
                <h6 class="card-title">异常工时率</h6>
                <h2 class="mb-0"><span id="avg-abnormal-rate">-</span>%</h2>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card stats-card bg-info text-white">
            <div class="card-body">
                <h6 class="card-title">昨日日报</h6>
                <h2 class="mb-0" id="yesterday-count">-</h2>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6 mb-4">
        <div class="card quick-action-card">
            <div class="card-body text-center py-4">
                <i class="bi bi-plus-circle text-primary" style="font-size: 3rem;"></i>
                <h4 class="mt-3">填写日报</h4>
                <p class="text-muted">录入每日投入、产出和异常工时</p>
                <a href="{{ url_for('daily_report.entry_form') }}" class="btn btn-primary">
                    <i class="bi bi-plus-lg"></i> 新建日报
                </a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mb-4">
        <div class="card quick-action-card">
            <div class="card-body text-center py-4">
                <i class="bi bi-bar-chart text-success" style="font-size: 3rem;"></i>
                <h4 class="mt-3">效率看板</h4>
                <p class="text-muted">查看各部门、线别效率趋势</p>
                <a href="{{ url_for('dashboard.overview') }}" class="btn btn-success">
                    <i class="bi bi-graph-up"></i> 查看看板
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6 mb-4">
        <div class="card quick-action-card">
            <div class="card-body text-center py-4">
                <i class="bi bi-search text-info" style="font-size: 3rem;"></i>
                <h4 class="mt-3">报表查询</h4>
                <p class="text-muted">查询历史日报并导出Excel</p>
                <a href="{{ url_for('dashboard.query') }}" class="btn btn-info text-white">
                    <i class="bi bi-table"></i> 查询报表
                </a>
            </div>
        </div>
    </div>
    <div class="col-md-6 mb-4">
        <div class="card quick-action-card">
            <div class="card-body text-center py-4">
                <i class="bi bi-file-earmark-text text-warning" style="font-size: 3rem;"></i>
                <h4 class="mt-3">日报管理</h4>
                <p class="text-muted">查看、编辑历史日报记录</p>
                <a href="{{ url_for('daily_report.list_reports') }}" class="btn btn-warning text-white">
                    <i class="bi bi-list-ul"></i> 管理日报
                </a>
            </div>
        </div>
    </div>
</div>

{% if is_admin %}
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <i class="bi bi-gear"></i> 管理员功能
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-4">
                        <h6><i class="bi bi-people"></i> 部门人力配置</h6>
                        <p class="text-muted small">配置各部门、线别的应出勤人力</p>
                        <a href="{{ url_for('config.department') }}" class="btn btn-sm btn-outline-primary">
                            配置人力
                        </a>
                    </div>
                    <div class="col-md-4">
                        <h6><i class="bi bi-clock"></i> 标准工时配置</h6>
                        <p class="text-muted small">配置各机型的标准工时(ST)</p>
                        <a href="{{ url_for('config.standard_hours') }}" class="btn btn-sm btn-outline-primary">
                            配置标工
                        </a>
                    </div>
                    <div class="col-md-4">
                        <h6><i class="bi bi-exclamation-triangle"></i> 异常类型配置</h6>
                        <p class="text-muted small">管理异常工时类型</p>
                        <a href="{{ url_for('config.abnormal') }}" class="btn btn-sm btn-outline-primary">
                            配置异常
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}

{% block extra_js %}
<script>
// Load statistics on page load
document.addEventListener('DOMContentLoaded', function() {
    fetch('/api/stats/summary')
        .then(response => response.json())
        .then(result => {
            if (result.success) {
                document.getElementById('today-count').textContent = result.data.today_count;
                document.getElementById('yesterday-count').textContent = result.data.yesterday_count;
                document.getElementById('avg-efficiency').textContent = result.data.avg_efficiency;
                document.getElementById('avg-abnormal-rate').textContent = result.data.avg_abnormal_rate;
            }
        })
        .catch(error => console.error('Error loading stats:', error));
});
</script>
{% endblock %}