<!DOCTYPE html>
<html lang="ja">

<head>
    <link rel="stylesheet" href="../static/index.css">

    <title>{{name}}成績</title>

</head>

<body>

    <div class="table">
        <header>
            <a href="/logout">ログアウトする</a>
            <h1>学籍番号{{name}}　ようこそ</h1>
            <p>ここでは，{{name}}さんの成績とそれに応じた推薦科目を表示しています．</p>
        </header>
    </div>

    <main>
        <div class="box">
            <div class="container">
                <div class="item">
                    <article>
                        <h2>履修状況</h2>
                        <div class="data">
                            <p>{{data|safe}}</p>
                        </div>
                    </article>
                </div>

                <div class="item">
                    <section>
                        <h2>推薦科目</h2>
                        <table class="sample">
                            {% for x in suisenn_all_name %}{% set suisenn_all_name_loop = loop %}
                            {% for y in suisenn_all_url %}{% if loop.index==suisenn_all_name_loop.index %}
                            <tr>
                                <th><a href='{{y}}'>{{x}}</a></th>
                            </tr>
                            {% endif %}
                            {% endfor %}
                            {% endfor %}
                        </table>
                    </section>
                </div>
            </div>
        </div>
    </main>

</html>