<h1>Inschrijven voor de LDOM 2012</h1>
<p>Vul het onderstaande formulier in om je in te schrijven voor de LDOM van 2012 op 8 September 2012.</p>
<br/>
{$message}
<form method="post">
    <h2>Persoonlijke gegevens</h2>

    <div class="form-field">
        <label>Naam</label>

        <div class="field">
            <input type="text" name="txtName" value="{$txtName}"/>
        </div>
        <br class="clear"/>
    </div>
    <div class="form-field">
        <label>E-mail</label>

        <div class="field">
            <input type="text" name="txtEmail" value="{$txtEmail}"/>
        </div>
        <br class="clear"/>
    </div>
    <div class="form-field">
        <label>Leeftijd</label>

        <div class="field">
            <input type="text" name="txtAge" value="{$txtAge}"/>
        </div>
        <br class="clear"/>
    </div>
    <div class="form-field">
        <label>Categorie</label>

        <div class="field">
            <select name="ddlCategory">
                <option>- Selecteer -</option>
                {$ddlCategoryOptions}
            </select>
        </div>
        <br class="clear"/>
    </div>
    <br/>
    <h2>Deelname gegevens</h2>

    <div class="form-field">
        <label>Ik neem deel als</label>

        <div class="field">
            <input type="radio" name="rbType" value="1" {$aloneChecked} /> Ik doe mee alleen (&euro; 7,50)<br/>
            <input type="radio" name="rbType" value="2" {$teamChecked} /> Ik doe mee als team (&euro; 20,-)<br/>
        </div>
        <br class="clear"/>
    </div>
    <div id="team-members" style="display: none;">
        <p>Wie doen naast jou nog mee in het team, minimaal &eacute;&eacute;n, maximaal drie personen.</p>
        <h3>Teamgenoot 1</h3>
        <div class="form-field">
            <label>Naam</label>

            <div class="field">
                <input type="text" name="txtTeamName1" value="{$txtTeamName1}"/>
            </div>
            <br class="clear"/>
        </div>
        <div class="form-field">
            <label>Leeftijd</label>

            <div class="field">
                <input type="text" name="txtTeamAge1" value="{$txtTeamAge1}"/>
            </div>
            <br class="clear"/>
        </div>
        <h3>Teamgenoot 2</h3>
        <div class="form-field">
            <label>Naam</label>

            <div class="field">
                <input type="text" name="txtTeamName2" value="{$txtTeamName2}"/>
            </div>
            <br class="clear"/>
        </div>
        <div class="form-field">
            <label>Leeftijd</label>

            <div class="field">
                <input type="text" name="txtTeamAge2" value="{$txtTeamAge2}"/>
            </div>
            <br class="clear"/>
        </div>
        <h3>Teamgenoot 3</h3>
        <div class="form-field">
            <label>Naam</label>

            <div class="field">
                <input type="text" name="txtTeamName3" value="{$txtTeamName3}"/>
            </div>
            <br class="clear"/>
        </div>
        <div class="form-field">
            <label>Leeftijd</label>

            <div class="field">
                <input type="text" name="txtTeamAge3" value="{$txtTeamAge3}"/>
            </div>
            <br class="clear"/>
        </div>
    </div>
    <br/>
    <h2>BBQ</h2>
    <p>Neem je deel aan de BBQ? Geef dan op met hoeveel personen. &euro; 15,- p.p.</p>
    <div class="form-field">
        <label>Personen</label>

        <div class="field">
            <input type="text" name="txtBBQ" value="{$txtBBQ}"/>
        </div>
        <br class="clear"/>
    </div>
    <input type="submit" name="btnSubmit" value="Inschrijven"/>
</form>
<script type="text/javascript">
    $(document).ready(function () {
        //check
        if($("input[name=rbType][value='2']").attr("checked") != undefined)
            $("#team-members").show("fast");


        //on change
        $("input[name=rbType]").change(function () {
            var type = $(this).val();
            if(type == '2')
            {
                $("#team-members").show("fast");
            }
            else
            {
                $("#team-members").hide("fast");
            }
        });

    });
</script>