{% extends base_layout %}

{% form_theme form 'LexikMailerBundle:Form:form_layout.html.twig' %}

{% block content %}
<div class="row">
    <form action="{{ path('lexik_mailer.layout_edit', { 'layoutId' : layout.id, 'lang' : lang }) }}" method="post" class="form-horizontal">
        <div class="col-md-12">
            {{ form_errors(form) }}

            <fieldset>
                <legend>
                    {{ 'lexik_mailer.new.group_common' | trans({}, 'LexikMailerBundle') }}
                </legend>
                {{ form_row(form.reference) }}
                {{ form_row(form.description) }}
            </fieldset>
        </div>

        <div class="col-md-12">
            <fieldset>
                <legend>
                    {{ 'lexik_mailer.new.group_languages' | trans({}, 'LexikMailerBundle') }}
                </legend>

                <div class="row">
                    <div class="col-md-5">
                        {{ form_row(form.translation.lang) }}
                    </div>
                    <div class="col-md-7">
                        <table class="table table-condensed">
                            <thead>
                            <tr>
                                <th>{{ 'lexik_mailer.edit.table.lang' | trans({}, 'LexikMailerBundle') }}</th>
                                <th>{{ 'lexik_mailer.edit.table.action' | trans({}, 'LexikMailerBundle') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for key, translation in layout.translations %}
                                <tr class="{{ cycle(['', 'odd-row'], key) }}">
                                    <td><a href="{{ path('lexik_mailer.layout_edit', { 'layoutId' : layout.id, 'lang' : translation.lang }) }}">{{ translation.displayLanguage }}</a></td>
                                    <td><a class="btn btn-sm btn-danger" href="{{ path('lexik_mailer.layout_translation_delete', { 'translationId' : translation.id }) }}" onclick="if (!confirm('{{ 'lexik_mailer.translation_delete.confirm' | trans({}, 'LexikMailerBundle') }}')) return false;">{{ 'lexik_mailer.edit.action_delete' | trans({}, 'LexikMailerBundle') }}</a></td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </fieldset>
        </div>

        <div class="col-md-12">
            <fieldset>
                <legend>
                    {{ 'lexik_mailer.new.group_translation' | trans({}, 'LexikMailerBundle') }}
                </legend>
                <div class="form-group">
                    <label class="col-sm-2 control-label">{{ 'lexik_mailer.new.default_lang' | trans({}, 'LexikMailerBundle') }}:</label>
                    <div class="col-sm-8">
                        <input type="text" disabled="disabled" value="{{ displayLang }}" class="form-control" />
                    </div>
                </div>
                {{ form_row(form.translation.body) }}

            </fieldset>

            {{ form_rest(form) }}

            <div class="form-actions">
                <input class="btn btn-primary" type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" value="{{ 'lexik_mailer.new.submit' | trans({}, 'LexikMailerBundle') }}" />
                <a class="btn" href="{{ path('lexik_mailer.layout_list') }}">{{ 'lexik_mailer.link.list' | trans({}, 'LexikMailerBundle') }}</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
    $(document).ready(function() {
        $("#mailer_layout_translation_lang").bind("change", function(){
           var pattern = "{{ routePattern }}";
           window.location =  pattern.replace('%lang%', $(this).val());
        });
    });
</script>
{% endblock %}