<?php
/**
 * 系统首页
 * 物业工单管理系统
 */

require_once 'includes/functions.php';

// 如果用户已登录，重定向到仪表盘
if (isLoggedIn()) {
    redirect('dashboard.php');
}
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>物业工单管理系统</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <div class="header">
        <div class="container">
            <h1>物业工单管理系统</h1>
            <p>便捷的物业管理服务平台</p>
        </div>
    </div>

    <div class="container">
        <!-- 欢迎区域 -->
        <div class="card">
            <div style="text-align: center; padding: 3rem 0;">
                <h2>欢迎使用物业工单管理系统</h2>
                <p style="font-size: 1.2rem; color: #666; margin: 1rem 0;">
                    通过我们的系统，您可以轻松提交物业问题，跟踪处理进度，享受更好的物业服务体验。
                </p>
                <div style="margin: 2rem 0;">
                    <a href="auth/login.php" class="btn btn-primary" style="margin-right: 1rem;">用户登录</a>
                    <a href="auth/register.php" class="btn btn-secondary">注册账户</a>
                </div>
            </div>
        </div>

        <!-- 功能特色 -->
        <div class="card">
            <h2>系统特色功能</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem;">
                <div style="text-align: center; padding: 1.5rem; border: 1px solid #ddd; border-radius: 10px;">
                    <h3 style="color: #667eea; margin-bottom: 1rem;">便捷提交</h3>
                    <p>简单易用的工单提交界面，快速描述您遇到的问题，系统会自动记录并分配给相关人员处理。</p>
                </div>
                <div style="text-align: center; padding: 1.5rem; border: 1px solid #ddd; border-radius: 10px;">
                    <h3 style="color: #667eea; margin-bottom: 1rem;">实时跟踪</h3>
                    <p>随时查看工单处理进度，了解问题解决状态，及时获得处理反馈和更新通知。</p>
                </div>
                <div style="text-align: center; padding: 1.5rem; border: 1px solid #ddd; border-radius: 10px;">
                    <h3 style="color: #667eea; margin-bottom: 1rem;">安全可靠</h3>
                    <p>采用先进的安全技术，保护您的个人信息和账户安全，确保数据隐私得到充分保护。</p>
                </div>
            </div>
        </div>

        <!-- 服务范围 -->
        <div class="card">
            <h2>服务范围</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem;">
                <div style="background: #f8f9fa; padding: 1.5rem; border-radius: 10px;">
                    <h4 style="color: #333; margin-bottom: 1rem;">🏠 设施维修</h4>
                    <ul style="margin: 0; padding-left: 1.5rem;">
                        <li>电梯故障维修</li>
                        <li>门禁系统维护</li>
                        <li>照明设备检修</li>
                        <li>空调系统维护</li>
                    </ul>
                </div>
                <div style="background: #f8f9fa; padding: 1.5rem; border-radius: 10px;">
                    <h4 style="color: #333; margin-bottom: 1rem;">💧 水电问题</h4>
                    <ul style="margin: 0; padding-left: 1.5rem;">
                        <li>水管漏水维修</li>
                        <li>电路故障处理</li>
                        <li>停水停电通知</li>
                        <li>水电表检修</li>
                    </ul>
                </div>
                <div style="background: #f8f9fa; padding: 1.5rem; border-radius: 10px;">
                    <h4 style="color: #333; margin-bottom: 1rem;">🧹 环境卫生</h4>
                    <ul style="margin: 0; padding-left: 1.5rem;">
                        <li>垃圾清理服务</li>
                        <li>公共区域清洁</li>
                        <li>绿化养护管理</li>
                        <li>消毒消杀服务</li>
                    </ul>
                </div>
                <div style="background: #f8f9fa; padding: 1.5rem; border-radius: 10px;">
                    <h4 style="color: #333; margin-bottom: 1rem;">🛡️ 安全服务</h4>
                    <ul style="margin: 0; padding-left: 1.5rem;">
                        <li>安全隐患排查</li>
                        <li>安保巡逻服务</li>
                        <li>紧急情况处理</li>
                        <li>消防安全检查</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 使用流程 -->
        <div class="card">
            <h2>使用流程</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-top: 2rem;">
                <div style="text-align: center;">
                    <div style="width: 60px; height: 60px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: bold;">1</div>
                    <h4>注册登录</h4>
                    <p>创建账户并登录系统</p>
                </div>
                <div style="text-align: center;">
                    <div style="width: 60px; height: 60px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: bold;">2</div>
                    <h4>提交工单</h4>
                    <p>填写问题描述并提交</p>
                </div>
                <div style="text-align: center;">
                    <div style="width: 60px; height: 60px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: bold;">3</div>
                    <h4>跟踪进度</h4>
                    <p>实时查看处理状态</p>
                </div>
                <div style="text-align: center;">
                    <div style="width: 60px; height: 60px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.5rem; font-weight: bold;">4</div>
                    <h4>问题解决</h4>
                    <p>获得满意的解决方案</p>
                </div>
            </div>
        </div>

        <!-- 联系信息 -->
        <div class="card">
            <h2>联系我们</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem;">
                <div>
                    <h4>物业服务中心</h4>
                    <p><strong>邮箱：</strong>admin@guhaojia.com.cn</p>
                    <p><strong>工作时间：</strong>周一至周日 8:00-20:00</p>
                </div>

            </div>
        </div>
    </div>

    <div class="footer">
        <div class="container">
            
        </div>
    </div>
</body>
</html>
