{% extends "attendeereg/base.html" %}{% load adminmedia %}
{% block main_csslinks %}
<style type="text/css">
.registration {
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
}
.reg-form {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ffffff;
    margin: 0px;
    margin-left: 1em;
}
.reg-header {
    white-space: nowrap;
    display: inline-table;
    width: 100%;
    cursor: pointer;
}
input[type=submit].remove-reg-button {
    color: #ff0000;
    border: none;
    background-color: transparent;
    background-image: url({% admin_media_prefix %}img/admin/icon_deletelink.gif);
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: scroll;
    background-x-position: 0pt;
    background-y-position: 0.25em;
    cursor: pointer;
    margin-left: 5em;
}
input[type=submit]:active.remove-reg-button {
    background-image: url({% admin_media_prefix %}img/admin/icon_deletelink.gif);
    background-position: left;
    background-color: #ff0000;
    color: #ffffff;
    cursor: pointer;
}
.reg-click {
    margin-top: 4px;
    margin-left: 3em;
    margin-right: 3em;
    font-style: italic;
    font-size: small;
    display: table-cell;
}
.sub-total {
    width: 4em;
    text-align: right;
    display: table-cell;
}
.reg-remove {
    display: table-cell;
    width: 13em;
}
.reg-name {
    display: table-cell;
    width: 30em;
    padding-left: 2em;
    padding-right: 2em;
}
.inline-select {
    margin-left: 2em;
}
input[type="radio"]:checked {
    font-weight: bold;
}

#donation-header {
    font-weight: bold;
}
#donation-form {
    margin-left: 1em;
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
}
#registrations {
    font-weight: bold;
    padding-bottom: 5px;;
}
</style>
{% endblock %}
{% block content %}{% load restructuredtext %}
<h2>Registration</h2>

<form method="post" class="focus-input" action="">
<div id='donation'>
    <span id='donation-header'>Donation to the Python Software Foundation</span> <i>(optional)</i>
    <div id='donation-form'>
    {{ donation_form.as_p }}
    </div>
</div>
<hr/>

<span id='registrations'>Registrations</span>

{% for form in reg_forms %}
<div class='registration' style="background-color: #{% cycle ffffff,edf3fe %};">
    <span class='reg-header'
          onclick='var foo=document.getElementById("{{ form.prefix }}");
            if (foo.style.display=="none") { foo.style.display="block"; }
            else { foo.style.display="none"; }'>
        <span class='sub-total'>${{ form.subtotal }}</span>
        <span class='reg-name'>
        {% if form.name.data %}{{ form.name.data|escape }}
        {% else %}  Registration #{{ forloop.counter }}{% endif %}
        </span>
        <span class='reg-click'{% comment %}
            onmouseout='this.style.backgroundColor="#{% cycle ffffff,edf3fe %}";'
            onmouseover='this.style.backgroundColor="#{% cycle edf3fe,ffffff %}";'
            {% endcomment %}>(click to show/hide)</span>
        <span class='reg-remove'>
        {% if forloop.counter0 %}<input type="submit" onclick="" class="remove-reg-button" value="  Remove Registration" name="__del{{ form.prefix }}"/>{% endif %}
        </span>
    </span>
    <div class="reg-form" id="{{ form.prefix }}">
    {{ form.as_p }}
    </div>
</div>
{% if not forloop.last and form.is_valid %}
<script type="text/javascript">
var foo=document.getElementById("{{ form.prefix }}");
foo.style.display="none";
</script>
{% endif %}
{% endfor %}
<input type="hidden" name="reg_sentinal_count" value="{{ reg_sentinal_count }}"/>
<div class="submit-row">
    <input type="submit" value="Update Total"  class='float-left' name='__update'/>
    <b class='float-left'>&nbsp;&nbsp;Total: ${{ total }}</b>
    <input type="submit" value="Add Registration"  name='__addreg'/>
    <input type="submit" value="Checkout" class="default" name='__checkout'/>
</div>
</form>
{% endblock %}