{% if profile.fields %}
    <form enctype="multipart/form-data" method="post" action="{{ sakura.currentPage }}" id="editProfileForm">
        <input type="hidden" name="sessid" value="{{ php.sessionid }}" />
        <input type="hidden" name="timestamp" value="{{ php.time }}" />
        <input type="hidden" name="mode" value="profile" />
        {% for field in profile.fields %}
            <div class="profile-field">
                <div>
                    <h2>{{ field.name }}</h2>
                </div>
                <div>
                    <input type="{{ field.formtype }}" name="profile_{{ field.ident }}" class="inputStyling" placeholder="{{ field.description }}"{% if profile.user[field.ident].value %}{% if field.formtype == 'checkbox' and profile.user[field.ident].value == 'true' %} checked="checked"{% else %} value="{{ profile.user[field.ident].value }}"{% endif %}{% endif %} />
                </div>
                {% if field.addit %}
                    {% for id,addit in field.addit %}
                        <div>
                            <input type="{{ addit[0] }}" id="{{ id }}" name="profile_additional_{{ id }}"{% if profile.user[field.ident][id] %}{% if addit[0] == 'checkbox' and profile.user[field.ident][id] == 'true' %} checked="checked"{% else %} value="{{ profile.user[field.ident][id] }}"{% endif %}{% endif %} />
                            <label for="{{ id }}" style="font-size: 10px;">{{ addit[1]|raw }}</label>
                        </div>
                    {% endfor %}
                {% endif %}
            </div>
        {% endfor %}
        <div class="profile-save">
            <input type="submit" value="Save" name="submit" class="inputStyling" />
            <input type="reset" value="Reset" name="reset" class="inputStyling" />
        </div>
    </form>
    <script type="text/javascript">
    window.addEventListener("load", function() {
        var editProfileForm = document.getElementById('editProfileForm');
        var createInput     = document.createElement('input');
        var submit          = editProfileForm.querySelector('[type="submit"]');

        createInput.setAttribute('name', 'ajax');
        createInput.setAttribute('value', 'true');
        createInput.setAttribute('type', 'hidden');
        editProfileForm.appendChild(createInput);

        submit.setAttribute('type', 'button');
        submit.setAttribute('onclick', 'submitPost(\''+ editProfileForm.action +'\', formToObject(\'editProfileForm\'), true, \'Updating Profile...\');');
    });
    </script>
{% else %}
    <h1 class="stylised" style="margin: 2em auto; text-align: center;">There are no changeable profile fields.</h1>
{% endif %}