{% extends "base.html" %}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
{% block content %}
{% if error %}
<div class="alert alert-danger">{{ error }}</div>
{% endif %}
<div class="form-container"> 
  <form action="" method="POST">
    <div style="text-align: left;">
      <table style="width: 100%;">
        <tr>
          <td>
            <label class="col-sm-6 col-form-label" for="username"><span style="color: orange; font-weight: bold; font-size: 16px;">请输入你的邮箱:</span></label>
          </td>
          <td style="text-align: right;">
            <input class="form-control" type="text" id="username" name="username" onchange="checkEmail(this)" required style="width: 220px; text-align: right;">
          </td>
        </tr>
      </table>
    </div>
    <table>
      {% for i in range(1, 21) %}
        <tr>
          <td style="width: 95%;">
            <div class="form-group row mb-3">
              <label class="col-sm-9 col-form-label text-md-right" for="score{{ i }}">
                <span class="truncate" style="max-width:300px;"> {{ i }} .
                  {% if i == 1 %}Wei: Multi-player game in Hololens{% endif %}
                  {% if i == 2 %}Coody: 课题待定{% endif %}
                  {% if i == 3 %}Will: Blender + Three.js react 实战{% endif %}
                  {% if i == 4 %}Jenny: 模型中的损失函数{% endif %}
                  {% if i == 5 %}Ming: AI agent/智能体{% endif %}
                  {% if i == 6 %}Andy-Xia: 图像生成模型介绍{% endif %}
                  {% if i == 7 %}Duke: AI生成数字人{% endif %}
                  {% if i == 8 %}Jin: 可视化全链路日志追踪{% endif %}
                  {% if i == 9 %}Paddy: Three.js DEMO{% endif %}
                  {% if i == 10 %}Zijia: 集中日志方案解析{% endif %}
                  {% if i == 11 %}Sean: 开源协议简述{% endif %}
                  {% if i == 12 %}Wei: Introduction to Language Models{% endif %}
                  {% if i == 13 %}Robin: 热门GPT项目分享{% endif %}
                  {% if i == 14 %}Ridge: 另一个地球{% endif %}
                  {% if i == 15 %}Roben: 桌面应用程序的自动化测试{% endif %}
                  {% if i == 16 %}Sumi: Azure Pipeline 介绍{% endif %}
                  {% if i == 17 %}Linser: 基于Linux系统软件控制硬件的简单流程及demo{% endif %}
                  {% if i == 18 %}Andy-Lin: 网关实时数据与业务端联通实现{% endif %}
                  {% if i == 19 %}James: ABB低压监控系统简介{% endif %}
                  {% if i == 20 %}Sloan: 云原生概论{% endif %}
                </span>
              </label>
            </div>
          </td>
          <td style="width: 200px; text-align: right;">
            <div class="form-group row mb-3 justify-content-end">
              <div class="col-sm-9 text-right">
                <input class="form-control" type="number" id="score{{ i }}" name="score{{ i }}" onchange="checkScore(this)" min="0" max="10" step="0.1" required>
              </div>
            </div>
          </td>
        </tr>
      {% endfor %}
    </table>
    <button type="submit" class="btn btn-primary">提交</button>
  </form>
</div>
<script>
  function checkEmail(input) {
    let email = input.value;
    let pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

    if (!pattern.test(email) || !email.endsWith('@cn.abb.com')) {
      window.alert("无效邮箱！");
      input.value = "";
      input.focus();
    }
  }

  function checkScore(input) {
    let score = input.value.trim();

    if (score === '') {
      window.alert("请输入0-10的分数！");
      input.value = '';
      input.focus();
      return;
    }

  }

</script>
<style>
  body {
    overflow-y: scroll;
  }
</style>
{% endblock %}