{#登陆后显示的页面#}
{% extends 'checkIn/layout.html' %}
{% block script %}

{% endblock %}
{% block body %}

<div id="userInfo" class="container">
    <p class="text-right">
        <a href="/checkIn/updateInfo">{{nickname}}</a> &nbsp; <a href="/checkIn/logout">退出</a>
    </p>
</div>
<hr>
<div class="container">
    <div class="row">
        <div class="panel panel-default" style="text-align:center; background-color:lightgoldenrodyellow; border-style:solid">
            <button type="button" class="btn btn-info" onclick="window.location.href ='/checkIn/newCheckIn'">创建新的活动</button>
        </div>
    </div>

<hr>
    <div class="row">
        <div id="list" class="panel panel-default" style="text-align:center; background-color:lightgoldenrodyellow; border-style:solid">
            {% if existingList|length == 0 %}
                <h4 style="align-self:center">--- 现在还没有创建任何活动。---</h4>
            {% else %}
                <h4 style="align-self:center">--- 以下是目前我管理的活动，点击查看信息和编辑活动内容。 ---</h4>
                <table class="table">
                    {% for x in existingList %}
                        <tr>
                            <td align="center"><a href='/checkIn/checkInDetail/?ID={{x.ID}}'>{{x.description}}</a></td>
                        </tr>
                    {% endfor %}
                </table>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}