Source

lindyjam / templates / djschedule / index.html

Full commit
{% extends "base.html" %}

{% block title %}DJ Schedule{% endblock %}

{% block style %}
<link rel="stylesheet" type="text/css" href="/site-media/styles/djschedulestyle.css"/>
{% endblock %}

{% block scripts %}
    <script type="text/javascript"
            src="/site-media/scripts/djschedule.js"></script>
{% endblock %}

{% block content %}
<h1>Upcoming Schedule</h1>
<form id="djschedule_signup_form" action="">
    {% for date, slot, plural in next_slots %}
    <div class="djschedule_slot">
        <input class="djschedule_slot" type="radio" name="date"
               value="{{ date }}" 
               {% if slot %}
                   disabled="disabled" 
               {% else %}
                   {% ifequal slot.name "CANCELED" %}
                       disabled="disabled"
                   {% endifequal %}
               {% endif %} />
        On {{ date|date:"F d" }}
        {% if slot %}
        {% ifequal slot.name "CANCELED" %}
            Lindy Jam is <b>CANCELED</b>.
        {% else %}
            <b>{{ slot.name }}</b>
            {% if plural %}are{% else %}is{% endif %}
            going to DJ.
        {% endifequal %}
        {% else %}
        there isn't any one signed up!
        {% endif %}
    </div>
    {% endfor %}

    <h2>Want to DJ?</h2>
    <p>Great! Pick a free day and fill in your name.  If you want us to email you a reminder on the day of, fill in your email address too.</p>  
    <p>We can also send you a text message as a reminder if you put in your phone number and phone company.</p>
    <div id="djschedule_signup">
        <input id="djschedule_name" class="input_text with-instructions"
               name="name" type="text" 
               title="Who are you?" />
        <input id="djschedule_email" class="input_text with-instructions"
               name="email" type="text" 
               title="Want an email reminder?  Put your email address here." />
        <input id="djschedule_phone" class="input_text with-instructions"
               name="phone" type="text" 
               title="Want an SMS reminder?  Put your phone number here." />
        <select id="djschedule_carrier" class="input_select" 
                name="carrier">
            {% for carrier in carriers %}
                <option class="djschedule_carrier_option" 
                        value="{{ carrier }}">{{ carrier }}</option>
            {% endfor %}
        </select>
        <input id="djschedule_submit" class="input_submit"
               name="submit" type="submit" value="Sign Up" />
    </div>
</form>
{% endblock %}