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

{% block title %}{{ 'box.change_address.title'|trans({'email': entity.address}) }}{% endblock %}

{% block body -%}
    {{ form_start(form) }}


    <div class="form-group {% if not form.user.vars.valid or ((form.domain is defined) and not form.domain.vars.valid)  %} has-error{% endif %}">
        <label for="analogic_boxesbundle_box_username" class="required" style="display: block">{{ 'box.change_address.target'|trans }}</label>

        {{ form_widget(form.user, {attr: {style: 'display: inline; width: 30%; margin: 0'}}) }}
        <strong>@</strong>
        {%- if form.domain is defined %}
            &nbsp;{{ form_widget(form.domain, {attr: {style: 'display: inline; width: 60%; margin: 0'}}) }}
        {% else -%}
            <strong>{{ app.user.domain }}</strong>
        {% endif %}

        {{ form_errors(form.user) }}

        {% if form.domain is defined %}
            {{ form_errors(form.domain) }}
        {% endif %}
    </div>



    {{ form_rest(form) }}

    <div class="form-group">
        <button type="submit">{{ 'save.changes'|trans }}</button>
    </div>

    <br />

    <a href="{{ path('box') }}">
        <span class="glyphicon glyphicon-chevron-left"></span> {{ 'back.to_list'|trans }}
    </a>
{% endblock %}


{% block javascripts %}

    {% include 'Base/Box/_form_password_js.html.twig' with {password_element_id: 'passwordPlaintext'}%}

    <script src="{{ asset('resources/chosen.jquery.min.js') }}"></script>
    <script type="application/javascript">
        var domain_field = $("#domain");
        domain_field.on('change', function (evt, params) {
            if (params.selected) {
                console.log("Setting domain to session storage: " + params.selected);
                sessionStorage.setItem('add_user_domain', params.selected);
            }
        });
        domain_field.on('chosen:ready', function (evt, params) {
            console.log("Updating to last domain: " + sessionStorage.getItem('add_user_domain'));
            domain_field.val(sessionStorage.getItem('add_user_domain'));
            domain_field.trigger("chosen:updated");
        });
        domain_field.chosen();
    </script>
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('resources/chosen.bootstrap.css') }}">
{% endblock %}