<?php
declare(strict_types=1);

require __DIR__ . '/inc/bootstrap.php';

$currentUser = current_user();
$csrfToken = csrf_token();
?>
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="青岛艾菲克斯智造科技有限公司官方网站，关注智能制造、技术服务与产业协同。">
  <title>青岛艾菲克斯智造科技有限公司</title>
  <link rel="stylesheet" href="assets/styles.css">
</head>
<body>
  <header class="site-header">
    <div class="container nav-wrap">
      <a class="brand" href="#top" aria-label="艾菲克斯智造首页">
        <span class="brand-mark">A</span>
        <span>
          <strong>艾菲克斯智造</strong>
          <small>AFIX SMART MANUFACTURING</small>
        </span>
      </a>
      <nav class="main-nav" aria-label="主导航">
        <a href="#about">关于我们</a>
        <a href="#business">业务方向</a>
        <a href="#advantages">核心优势</a>
        <a href="#contact">联系我们</a>
      </nav>
      <div class="header-actions">
        <?php if ($currentUser): ?>
          <span class="user-greeting">您好，<?= e($currentUser['phone']) ?></span>
          <a class="button button-ghost button-small" href="logout.php">退出登录</a>
        <?php else: ?>
          <button class="button button-ghost button-small" type="button" data-auth-open="login">登录</button>
          <button class="button button-primary button-small" type="button" data-auth-open="register">注册</button>
        <?php endif; ?>
      </div>
      <button class="mobile-menu" type="button" aria-label="打开菜单" aria-expanded="false">☰</button>
    </div>
  </header>

  <main id="top">
    <section class="hero-section">
      <div class="container hero-grid">
        <div class="hero-copy">
          <p class="eyebrow">QINGDAO · SMART MANUFACTURING</p>
          <h1>让制造更聪明，<br><em>让产业更有韧性。</em></h1>
          <p class="hero-text">青岛艾菲克斯智造科技有限公司，聚焦智能制造与产业技术服务，以务实的工程能力连接技术、产品与真实业务场景。</p>
          <div class="hero-actions">
            <a class="button button-primary" href="#business">了解业务方向 <span>→</span></a>
            <?php if (!$currentUser): ?>
              <button class="button button-light" type="button" data-auth-open="register">加入平台</button>
            <?php else: ?>
              <span class="welcome-note">已登录：欢迎回到艾菲克斯</span>
            <?php endif; ?>
          </div>
          <div class="hero-meta">
            <span><b>01</b> 智造技术</span>
            <span><b>02</b> 产业协同</span>
            <span><b>03</b> 长期服务</span>
          </div>
        </div>
        <div class="hero-visual" aria-label="智能制造视觉展示">
          <div class="orbit orbit-one"></div>
          <div class="orbit orbit-two"></div>
          <div class="visual-card card-main">
            <span class="card-label">SMART SYSTEM / 01</span>
            <div class="pulse-line"><i></i><i></i><i></i><i></i><i></i><i></i></div>
            <strong>制造 · 连接 · 增长</strong>
            <small>从需求出发，为企业提供可落地的技术方案。</small>
          </div>
          <div class="visual-card card-float card-float-top"><span>TECH</span><b>技术驱动</b></div>
          <div class="visual-card card-float card-float-bottom"><span>LINK</span><b>协同共赢</b></div>
          <div class="visual-glow"></div>
        </div>
      </div>
    </section>

    <section class="ticker" aria-label="公司定位">
      <div class="container ticker-inner">
        <span>艾菲克斯智造</span><i></i><span>SMART MANUFACTURING</span><i></i><span>青岛 · 中国</span><i></i><span>持续创造真实价值</span>
      </div>
    </section>

    <section class="section section-about" id="about">
      <div class="container split-grid">
        <div>
          <p class="eyebrow">ABOUT AFIX</p>
          <h2>技术不是终点，<br><em>解决问题才是。</em></h2>
        </div>
        <div class="section-copy">
          <p>青岛艾菲克斯智造科技有限公司是一家面向智能制造与产业升级的科技企业。我们关注技术与业务的结合，重视方案的可执行性、交付的稳定性，以及合作关系的长期价值。</p>
          <p>从企业实际需求出发，持续探索更高效、更可靠、更适合业务现场的数字化与智能化实践。</p>
          <a class="text-link" href="#contact">与我们聊聊 <span>↗</span></a>
        </div>
      </div>
    </section>

    <section class="section section-business" id="business">
      <div class="container">
        <div class="section-heading">
          <div><p class="eyebrow">WHAT WE DO</p><h2>我们关注的事</h2></div>
          <p>围绕制造企业的真实场景，提供从理解问题到持续优化的服务。</p>
        </div>
        <div class="business-grid">
          <article class="business-card featured-card"><span class="number">01</span><div class="icon-box">✦</div><h3>智能制造技术</h3><p>聚焦生产流程、设备协同与数据应用，帮助制造现场逐步实现可视、可控与可优化。</p><a href="#contact" class="card-link">了解更多 <span>↗</span></a></article>
          <article class="business-card"><span class="number">02</span><div class="icon-box">◌</div><h3>数字化解决方案</h3><p>结合企业现状梳理业务需求，提供清晰、适配、可持续迭代的数字化建设思路。</p><a href="#contact" class="card-link">了解更多 <span>↗</span></a></article>
          <article class="business-card"><span class="number">03</span><div class="icon-box">⌁</div><h3>产业技术服务</h3><p>以专业、开放、长期的合作方式，陪伴企业把技术投入转化为看得见的业务价值。</p><a href="#contact" class="card-link">了解更多 <span>↗</span></a></article>
        </div>
      </div>
    </section>

    <section class="section section-advantages" id="advantages">
      <div class="container advantages-grid">
        <div class="advantage-intro"><p class="eyebrow">WHY AFIX</p><h2>把复杂的事，<br><em>做得清楚而可靠。</em></h2><p>好的技术方案，应当能被理解、被使用，也能在真实环境中持续运行。</p></div>
        <div class="advantage-list">
          <div class="advantage-item"><span>01</span><div><h3>从场景出发</h3><p>先理解业务现场与实际目标，再选择真正匹配的技术路径。</p></div></div>
          <div class="advantage-item"><span>02</span><div><h3>重视落地交付</h3><p>把方案拆成可执行的步骤，让每一次建设都产生可验证的进展。</p></div></div>
          <div class="advantage-item"><span>03</span><div><h3>保持长期主义</h3><p>以稳定服务和持续迭代，陪伴客户共同面对变化与增长。</p></div></div>
        </div>
      </div>
    </section>

    <section class="contact-section" id="contact">
      <div class="container contact-wrap">
        <div><p class="eyebrow">LET'S CONNECT</p><h2>一起，把想法<br><em>变成进展。</em></h2></div>
        <div class="contact-info"><p>如果您正在寻找智能制造、数字化建设或产业技术服务方面的合作伙伴，欢迎与我们取得联系。</p><div class="contact-placeholder"><span>商务咨询</span><a href="tel:13051507082"><strong>130 5150 7082</strong></a><a href="mailto:13051507082@163.com"><small>13051507082@163.com</small></a></div></div>
      </div>
    </section>
  </main>

  <footer class="site-footer"><div class="container footer-inner"><div class="brand footer-brand"><span class="brand-mark">A</span><span><strong>艾菲克斯智造</strong><small>AFIX SMART MANUFACTURING</small></span></div><p>© <?= date('Y') ?> 青岛艾菲克斯智造科技有限公司</p><p>官网演示版 · 信息以企业正式发布为准</p></div></footer>

  <?php if (!$currentUser): ?>
  <div class="modal-backdrop" data-modal hidden>
    <section class="auth-modal" role="dialog" aria-modal="true" aria-labelledby="auth-title">
      <button class="modal-close" type="button" data-auth-close aria-label="关闭">×</button>
      <div class="auth-brand">A</div><p class="eyebrow">MEMBER ACCESS</p><h2 id="auth-title">欢迎来到艾菲克斯</h2><p class="auth-intro">使用手机号登录或注册平台账号。</p>
      <div class="auth-tabs"><button type="button" class="active" data-auth-tab="login">登录</button><button type="button" data-auth-tab="register">注册</button></div>
      <form class="auth-form" data-auth-form novalidate>
        <input type="hidden" name="csrf_token" value="<?= e($csrfToken) ?>">
        <input type="hidden" name="action" value="login" data-auth-action>
        <label>手机号<input type="tel" name="phone" placeholder="请输入 11 位手机号" autocomplete="tel" required></label>
        <label>密码<input type="password" name="password" placeholder="至少 6 位密码" autocomplete="current-password" required minlength="6"></label>
        <label class="confirm-field" hidden>确认密码<input type="password" name="password_confirm" placeholder="请再次输入密码" autocomplete="new-password" minlength="6"></label>
        <div class="auth-message" data-auth-message role="status"></div>
        <button class="button button-primary button-full" type="submit"><span data-submit-label>登录</span><span class="button-spinner" hidden></span></button>
      </form>
      <p class="auth-switch"><span data-switch-copy>还没有账号？</span><button type="button" data-auth-tab="register">立即注册</button></p>
    </section>
  </div>
  <?php endif; ?>
  <script>window.AFEX_AUTH = { csrf: <?= json_encode($csrfToken, JSON_UNESCAPED_UNICODE) ?> };</script>
  <script src="assets/app.js"></script>
</body>
</html>
