{% extends "web/base.html" %}
{% block title %}新建作业要求 · OJplatform{% endblock %}
{% block content %}
<h1>新建作业要求</h1>
<div class="card">
  <form method="post">
    {% csrf_token %}
    <label>标题</label>
    <input type="text" name="title" required placeholder="例如: 期末项目 - Web 服务">
    <label>作业要求(平台将据此用 AI 分析需要检测哪些维度)</label>
    <textarea name="content" rows="8" required placeholder="例如: 实现一个 web 服务, 首页返回 ok, 稳定度要达到 99%, 支持并发 50, 功能点: 登录、列表、详情"></textarea>

    <label>LLM 模式</label>
    <select name="llm_mode" id="llm_mode">
      <option value="default">default(用 .env 全局配置: {{ llm_base_url }} / {{ llm_model }})</option>
      <option value="custom">custom(本次自定义)</option>
    </select>
    <div id="custom_fields" style="display:none">
      <label>LLM 接口地址(base_url)</label>
      <input type="text" name="llm_base_url" placeholder="http://host:port/v1">
      <label>API Key(可留空)</label>
      <input type="password" name="llm_api_key" placeholder="sk-...">
      <label>模型名</label>
      <input type="text" name="llm_model" placeholder="qwen38">
    </div>

    <p style="margin-top:20px"><button class="btn" type="submit">创建并分析</button></p>
  </form>
</div>
<script>
var sel=document.getElementById('llm_mode');
var cf=document.getElementById('custom_fields');
sel.addEventListener('change',function(){cf.style.display=sel.value==='custom'?'block':'none';});
</script>
{% endblock %}