{{ attach_library('preregistration/preregistration_library') }}

<div class="main-content-div">
   
   <div class="page-title">
        <h1>{% if language == 'fr' %} Vous souhaitez inscrire votre enfant à la garderie La Case? {% else %} Would you like to enroll your child in La Case daycare? {% endif %}</h1>
    </div>
   
    <div class="form-content-main">

        <div class="page-subtext">
            <p>{% if language == 'fr' %} INSCRIPTION {% else %} REGISTRATION {% endif %}</p>
        </div>

        <div class="lanTest">
            {# {{ dump(language) }} #}
        </div>

        <div id="preregistration-form-div">
            {{ form.form_id }}
            {{ form.form_build_id }}
            {{ form.form_token }}
            {{ form.group1 }}
            {{ form.group2 }}
            {{ form.group5 }}
            {{ form.group3 }}

            <div>

                    <div class="group4-title">

                        {% if language == 'fr' %} 
                            Fréquentation souhaitée : % 
                        {% else %} 
                            Desired attendance: % 
                        {% endif %}
                        
                        <span class="group4-text">

                            {% if language == 'fr' %} 
                                <p>Merci de compléter la grille ci-dessous (fréquentation minimum 20%)</p> 
                            {% else %} 
                                <p>Please complete the grid below (minimum attendance 20%) </p>
                            {% endif %}

                        </span>

                    </div>

                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th> {% if language == 'fr' %} Lundi {% else %} Monday {% endif %} </th>
                            <th> {% if language == 'fr' %} Mardi {% else %} Tuesday {% endif %} </th>
                            <th> {% if language == 'fr' %} Mercredi {% else %} Wednesday {% endif %} </th>
                            <th> {% if language == 'fr' %} Jeudi {% else %} Thursday{% endif %} </th>
                            <th> {% if language == 'fr' %} Vendredi {% else %} Friday {% endif %} </th>
                        </tr>
                    </thead>
                    <tbody>

                        <tr>

                            {# All Monday Start #}
                            <td class="table-left-heading"> {% if language == 'fr' %} Matin {% else %} Morning {% endif %} </td>
                            <td>{{ form.group4.morning_monday }}</td>
                            <td>{{ form.group4.morning_tuesday }}</td>
                            <td>{{ form.group4.morning_wednesday }}</td>
                            <td>{{ form.group4.morning_thursday }}</td>
                            <td>{{ form.group4.morning_friday }}</td>
                            {# All Monday End #}

                        </tr>

                        <tr>

                            {# All Monday and Nap Start #}
                            <td class="table-left-heading">{% if language == 'fr' %} Matin + sieste {% else %} Morning + nap {% endif %} </td>
                            <td>{{ form.group4.morning_and_nap_monday }}</td>
                            <td>{{ form.group4.morning_and_nap_tuesday }}</td>
                            <td>{{ form.group4.morning_and_nap_wednesday }}</td>
                            <td>{{ form.group4.morning_and_nap_thursday }}</td>
                            <td>{{ form.group4.morning_and_nap_friday }}</td>
                            {# All Monday and Nap End #}

                        </tr>

                        <tr>

                            {# All Afternoon Start #}
                            <td class="table-left-heading">{% if language == 'fr' %} Après-midi {% else %} Afternoon {% endif %} </td>
                            <td>{{ form.group4.afternoon_monday }}</td>
                            <td>{{ form.group4.afternoon_tuesday }}</td>
                            <td>{{ form.group4.afternoon_wednesday }}</td>
                            <td>{{ form.group4.afternoon_thursday }}</td>
                            <td>{{ form.group4.afternoon_friday }}</td>
                            {# All Afternoon End #}

                        </tr>

                        <tr>

                            {# All Afternoon and lunch Start #}
                            <td class="table-left-heading">{% if language == 'fr' %} Repas + Après-midi {% else %} Afternoon and lunch {% endif %} </td>
                            <td>{{ form.group4.afternoon_and_lunch_monday }}</td>
                            <td>{{ form.group4.afternoon_and_lunch_tuesday }}</td>
                            <td>{{ form.group4.afternoon_and_lunch_wednesday }}</td>
                            <td>{{ form.group4.afternoon_and_lunch_thursday }}</td>
                            <td>{{ form.group4.afternoon_and_lunch_friday }}</td>
                            {# All Afternoon and lunch End #}

                        </tr>

                        <tr>

                            {# All Fullday Start #}
                            <td class="table-left-heading">{% if language == 'fr' %} Journée complète {% else %} Fullday {% endif %} </td>
                            <td>{{ form.group4.full_day_monday }}</td>
                            <td>{{ form.group4.full_day_tuesday }}</td>
                            <td>{{ form.group4.full_day_wednesday }}</td>
                            <td>{{ form.group4.full_day_thursday }}</td>
                            <td>{{ form.group4.full_day_friday }}</td>
                            {# All Fullday End #}

                        </tr>

                    </tbody>
                </table>
            </div>
            {{ form.desired_date_of_entry }}
            {{ form.group6 }}
            {{ form.group7 }}
            {{ form.group8 }}
            {{ form.group9 }}
            {{ form.group10 }}
            
            {# Google recaptcha start #}
            {# <div class="g-recaptcha" data-sitekey="6Lf4shgpAAAAAA0CMHfLAT2Qa5XN9tCY3IoeIO87"></div> #}
            {# Google recaptcha End #}

            {{ form.clicksubmit }}
        </div>
    </div>
</div>