<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AI_BRAIN</title>
    <style type="text/css">
<!--
h3 {
    margin-left:10px;
    text-align: center;
}

form {
    margin-left:10px;
}

.brain{
    text-align: center; /*让div内部文字居中*/
}

.inline{
    border:1px solid #000;
    border-radius: 10px;
    width: 360px;
    height: 300px;
}


-->
</style>
</head>
<body>
{#    <h1>欢迎使用试卷自动标记程序</h1>#}
{#    <form action="/segment/upload_imgs_slow/" method="post" enctype="multipart/form-data">#}
{#        <p>上传一张或多张试卷,返回各试卷题目所在区域</p>#}
{#        {% csrf_token %}#}
{#        {{ form.as_p }}#}
{#        <input type="submit" value="上传"/><br>#}
{#    </form>#}

<div class="brain">
    <h2>&#8595 &#8595 AI-BRAIN &#8595 &#8595</h2><br>
</div>

<div class="inline" style="margin-left: 25%;float: left">
    <h3>试卷分割</h3>
    <form action="/segment/exam_paper/" method="post" enctype="multipart/form-data">
        <p>上传一张或多张试卷,返回各试卷题目所在区域</p>
        {% csrf_token %}
        科目：{{form.subject}}
        {{ form.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

<div class="inline" style="margin-right: 25%;float: right;">
    <h3>试卷文字提取</h3>
    <form action="/segment/exam_ocr/" method="post" enctype="multipart/form-data">
        <p>上传一张或多张试卷,返回各试卷题目文字信息</p>
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

<div class="inline" style="margin-left: 25%;float: left">
    <h3>试卷分割并显示</h3>
    <form action="/segment/exam_paper_show/" method="post" enctype="multipart/form-data">
        <p>上传一张,返回各试卷题目所在区域</p>
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

<div class="inline" style="margin-right: 25%;float: right;">
    <h3>PDF试卷文字提取</h3>
    <form action="/segment/exam_ocr_pdf/" method="post" enctype="multipart/form-data">
        <p>上传一张或多张试卷,返回各试卷题目文字信息</p>
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

</body>
</html>

