{% extends "checkIn/layout.html" %}
{% load staticfiles %}

{% block script %}
<link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="{% static '/JS/datepickerCN.js' %}"></script>
<script src="{% static '/JS/alert.js' %}"></script>
<script>

    $(function() {
        $("input.datePick").each(function(){$(this).datepicker()});
    });
</script>
{% if alert %}
<script>myAlert("{{alert}}");</script>
{% endif %}
{% endblock %}

{% block body %}
<div class="container">
    <div class="row">
        <div id="list" class="panel panel-default" style="text-align:center; background-color:lightgoldenrodyellow; border-style:solid">
            <h3>输入活动的基本信息。</h3>
            <form id="checkInForm" method="post" class="form-inline">
                {% csrf_token %}
                <table class="table table-hover">
                    {{form}}
                </table>
                <input type="submit" value="保存" class="btn btn-default"/>
            </form>
            <button class="btn btn-default" onClick="javascript :history.back(-1);">返回</button>
        </div>
    </div>
</div>
{% endblock %}
