{% trans_default_domain 'FOSUserBundle' %}
<div class="uk-width-1-1">
    {{ form_errors(form) }}
</div>
{{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register uk-form'}}) }}
<fieldset class="uk-fieldset">
<legend class="uk-legend">
    Register account
</legend>
<div class="uk-margin">
        <div hidden>{{ form_label(form.email) }}</div>
        <div class="uk-form-controls  uk-form-controls-text">
            {{ form_widget(form.email, { 'attr': {'placeholder':'Email address', 'class':'uk-input uk-form-large uk-padding-small'} }) }}
        </div>
    </div>
<div class="uk-margin">
    <div hidden>{{ form_label(form.username, 'Username', { 'label_attr':{'class':'uk-form-label'}}) }}</div>
    <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.username, { 'attr': {'placeholder':'Username', 'class':'uk-input uk-form-large uk-padding-small'} }) }}
    </div>
</div>
<div class="uk-margin">
    <div hidden>{{ form_label(form.first_name, 'First name', { 'label_attr':{'class':'uk-form-label'}}) }}</div>
    <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.first_name, { 'attr': {'placeholder':'First name', 'class':'uk-input uk-form-large uk-padding-small'} }) }}
    </div>
</div>
<div class="uk-margin">
    <div hidden>{{ form_label(form.last_name, 'Last name', { 'label_attr':{'class':'uk-form-label'}}) }}</div>
    <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.last_name, { 'attr': {'placeholder':'Last name', 'class':'uk-input uk-input uk-form-large uk-padding-small'} }) }}
    </div>
</div>
<div class="uk-margin uk-grid" uk-grid>
    <div class="uk-width-2-3">
    {{ form_label(form.familyside) }}
    </div>
    <div class="uk-width-1-3">
        <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.familyside) }}
    </div>
    </div>
</div>
    <div class="uk-margin uk-grid" uk-grid>
        <div class="uk-width-3-4 uk-width-2-3@m">
            {{ form_label(form.family) }}
        </div>
        <div class="uk-width-1-4@s uk-width-1-4 uk-width-1-3@m uk-form-controls">

                {{ form_widget(form.family, { 'attr': {'class':'uk-checkbox'} }) }}

        </div>
    </div>
    <div class="uk-margin">
        <div hidden>{{ form_label(form.rsvp) }}</div>
        <div class="uk-form-controls uk-form-controls-text">
            {{ form_widget(form.rsvp) }}
        </div>
<div class="uk-margin">
    <div hidden>{{ form_label(form.plainPassword.first, 'Password', { 'label_attr':{'class':'uk-form-label'}}) }}</div>
    <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.plainPassword.first, { 'attr': {'placeholder':'Password', 'class':'uk-input uk-form-large uk-padding-small'} }) }}
    </div>
</>
<div class="uk-margin">
    <div hidden>{{ form_label(form.plainPassword.second, 'Repeat ', { 'label_attr':{'class':'uk-form-label'}}) }}</div>
    <div class="uk-form-controls uk-form-controls-text">
        {{ form_widget(form.plainPassword.second, { 'attr': {'placeholder':'Repeat Password', 'class':'uk-input uk-form-large uk-padding-small'} }) }}
    </div>
</div>

    <div class="uk-margin uk-grid" uk-grid>
        <div class="uk-form-controls uk-width-1-2">
            <input type="submit" value="{{ 'registration.submit'|trans }}" class="uk-button uk-button-primary uk-button-large" />
        </div>
        <div class="uk-form-controls-text uk-text-muted uk-margin-small-top uk-width-1-2">
            <div class="uk-text-large uk-visible@m">Already have an account? Login <a href="{{ path('fos_user_security_login') }}">here</a>.</div>
            <div class="uk-hidden@m uk-padding-small uk-padding-remove-vertical">Already have an account? Login <a href="{{ path('fos_user_security_login') }}">here</a>.</div>
        </div>
    </div>
</fieldset>
{{ form_end(form) }}