{% extends 'base.twig' %}

{% block content %}
    <div class="wrapper">
        <section class="section section--registration">
            <div class="container">
                <h3 class="section__title">Inschrijven</h3>
                <h5 class="section__description">Gebruik alstublieft het onderstaande formulier, om in te schrijven.</h5>
                <form action="#" method="post">
                    <div class="form-row">
                        <div class="form-group">
                            <select {% if errors.titulature %}class="error"{% endif %} name="titulature">
                                <option value="">Kies een titelatuur</option>
                                <option value="Dhr.">Dhr.</option>
                                <option value="Mevr.">Mevr.</option>
                            </select><span class="input-error">{% if errors.titulature %}{{ errors.titulature }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.initials %}class="error"{% endif %} type="text" name="initials" placeholder="Voorletters" value="{% if form.initials %}{{ form.initials }}{% endif %}">
                            <span class="input-error">{% if errors.initials %}{{ errors.initials }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.firstName %}class="error"{% endif %} type="text" name="firstName" placeholder="Voornaam" value="{% if form.firstName %}{{ form.firstName }}{% endif %}">
                            <span class="input-error">{% if errors.firstName %}{{ errors.firstName }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.lastName %}class="error"{% endif %} type="text" name="lastName" placeholder="Achternaam" value="{% if form.lastName %}{{ form.lastName }}{% endif %}">
                            <span class="input-error">{% if errors.lastName %}{{ errors.lastName }}{% endif %}</span>
                        </div>
                        {#<div class="form-group">#}
                            {#<input {% if errors.callName %}class="error"{% endif %} type="text" name="callName" placeholder="Roepnaam" value="{% if form.callName %}{{ form.callName }}{% endif %}">#}
                            {#<span class="input-error">{% if errors.callName %}{{ errors.callName }}{% endif %}</span>#}
                        {#</div>#}
                        <div class="form-group">
                            <input {% if errors.birthDate %}class="error"{% endif %} type="text" name="birthDate" placeholder="Geboortedatum" value="{% if form.birthDate %}{{ form.birthDate }}{% endif %}">
                            <span class="input-error">{% if errors.birthDate %}{{ errors.birthDate }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.birthPlace %}class="error"{% endif %} type="text" name="birthPlace" placeholder="Geboorteplaats" value="{% if form.birthPlace %}{{ form.birthPlace }}{% endif %}">
                            <span class="input-error">{% if errors.birthPlace %}{{ errors.birthPlace }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.street %}class="error"{% endif %} type="text" name="street" placeholder="Straat" value="{% if form.street %}{{ form.street }}{% endif %}">
                            <span class="input-error">{% if errors.street %}{{ errors.street }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.houseNumber %}class="error"{% endif %} type="text" name="houseNumber" placeholder="Huisnummer" value="{% if form.houseNumber %}{{ form.houseNumber }}{% endif %}">
                            <span class="input-error">{% if errors.houseNumber %}{{ errors.houseNumber }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.addition %}class="error"{% endif %} type="text" name="addition" placeholder="Toevoeging" value="{% if form.addition %}{{ form.addition }}{% endif %}">
                            <span class="input-error">{% if errors.addition %}{{ errors.addition }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.zipcode %}class="error"{% endif %} type="text" name="zipcode" placeholder="Postcode" value="{% if form.zipcode %}{{ form.zipcode }}{% endif %}">
                            <span class="input-error">{% if errors.zipcode %}{{ errors.zipcode }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.place %}class="error"{% endif %} type="text" name="place" placeholder="Woonplaats" value="{% if form.place %}{{ form.place }}{% endif %}">
                            <span class="input-error">{% if errors.place %}{{ errors.place }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.phoneNumber %}class="error"{% endif %} type="text" name="phoneNumber" placeholder="Telefoon" value="{% if form.phoneNumber %}{{ form.phoneNumber }}{% endif %}">
                            <span class="input-error">{% if errors.phoneNumber %}{{ errors.phoneNumber }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input {% if errors.email %}class="error"{% endif %} type="email" name="email" placeholder="Email" value="{% if form.email %}{{ form.email }}{% endif %}">
                            <span class="input-error">{% if errors.email %}{{ errors.email }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input type="hidden">
                            <span class="input-error"></span>
                        </div>
                        <div class="form-group">
                            <select {% if errors.payment %}class="error"{% endif %} name="payment">
                                <option value="">Kies een betalingswijze</option>
                                <option value="In een keer">In één keer</option>
                                <option value="Termijnen">Termijnen</option>
                            </select><span class="input-error">{% if errors.payment %}{{ errors.payment }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <select {% if errors.schooling %}class="error"{% endif %} name="course">
                                <option value="">Kies een opleiding</option>
                                {% for course in courses %}
                                    <option value="{{ course.post_title }}">{{ course.post_title }}</option>
                                {% endfor %}
                            </select><span class="input-error">{% if errors.schooling %}{{ errors.schooling }}{% endif %}</span>
                        </div>
                        <div class="form-group form-group--large">
                            <textarea name="cursus" {% if errors.schooling %}class="error"{% endif %} placeholder="Cursus en datum">{% if cursus_name %}{{ cursus_name }}{% endif %}</textarea>
                            <span class="input-error">{% if errors.schooling %}{{ errors.schooling }}{% endif %}</span>
                        </div>
                        <div class="form-group form-group--large">
                            <textarea name="workshops" {% if errors.schooling %}class="error"{% endif %} placeholder="Workshop en datum (Voor workshops dien je het bedrag in één keer te voldoen)">{% if workshop_name %}{{ workshop_name }}{% endif %}</textarea>
                            <span class="input-error">{% if errors.schooling %}{{ errors.schooling }}{% endif %}</span>
                        </div>
                        <div class="form-group form-group--large">
                            <textarea name="comment" placeholder="Opmerkingen">{% if form.comment %}{{ form.comment }}{% endif %}</textarea>
                        </div>
                        <div class="form-group">
                            <input {% if errors.terms %}class="error"{% endif %} type="checkbox" name="terms[]" value=""><span> U gaat akkoord met de <a href="{{ site_url }}/terms">algemene voorwaarden</a></span>
                            <span class="input-error">{% if errors.terms %}{{ errors.terms }}{% endif %}</span>
                        </div>
                        <div class="form-group">
                            <input type="hidden">
                            <span class="input-error"></span>
                        </div>
                        <div class="form-group">
                            <button type="submit" name="submit" class="btn btn--magenta">
                                Inschrijven</button>
                        </div>
                    </div>
                </form>
                {% if success %}
                    <p>{{ success }}</p>
                {% endif %}
            </div>
        </section>
        <section class="section section--agenda">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-8 section--agenda__side">
                        <h2>Bekijk nu de cursusagenda en schrijf je in voor één van onze cursussen</h2>
                    </div>
                    <div class="col-xs-12 col-md-4"><a class="btn btn--white" href="#">
                            Cursusagenda</a></div>
                </div>
            </div>
        </section>
    </div>
{% endblock %}