{% extends 'base.html.twig' %}

{% block title %}{{ pageTitleString }}{% endblock title %}

{% block head_description %}{{ descriptionString }}{% endblock head_description %}
{% block head_keyword %}{{ keyWordString }}{% endblock head_keyword %}

{% block og_title %}{{ titleString }}{% endblock og_title %}
{% block og_description %}{{ descriptionString }}{% endblock og_description %}

{% block head_script %}
    {{ parent() }}
{% endblock head_script %}

{% block head_style %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('bundles/igacontent/css/content-frontend.css') }}" type="text/css" media="all" />
{% endblock head_style %}

{% block page_header_h1 %}
    {% if userFieldId == '' %}
        {{ 'Add Field'|phrase }}
    {% else %}
        {{ 'Edit Field'|phrase }}
    {% endif %}
{% endblock page_header_h1 %}

{% block content %}

    <div class="row-fluid">

        <div class="pull-right">
            {% include "@UserBundle/UserList/menu.html.twig" %}
            <a href="{{ path('iga_user_field_list', { 'cultureString': userLanguage.cultureString }) }}"
               class="btn btn-primary pull-right">{{ 'Back to Fields' }}</a>
        </div>

        <p>{{ 'Complete the field details'|phrase }}</p>

        <div class="col-sm-12">
            {% include "@UserBundle/Form/user_field.edit.html.twig" %}
        </div>

    </div>

{% endblock content %}

{% block foot_script %}
    {{ parent() }}
    <script language="Javascript">
        $(document).ready(function () {
            $('#user_my_details_access_level').attr('style', 'width: 180px;');
            $('#user_my_details_access_level').select2({placeholder: "{{ 'Click or type here to select one or more'|phrase }}"});
        });
    </script>
{% endblock foot_script %}