{% extends layout %}

{% import "@LexikMailer/macros.html.twig" as macros %}
{% form_theme form 'LexikMailerBundle:Form:form_layout.html.twig' %}

{% block content %}
<div class="row">
    <form action="{{ path('lexik_mailer.email_edit', { 'emailId' : email.id, 'lang' : lang }) }}" method="post" class="form-horizontal" role="form">
        <div class="col-md-6">
            {{ form_errors(form) }}

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

        <div class="col-md-6">
            <fieldset>
                <legend>
                    {{ 'lexik_mailer.new.email_headers' | trans({}, 'LexikMailerBundle') }}
                </legend>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>{{ 'lexik_mailer.headers.key'|trans({}, 'LexikMailerBundle') }}</th>
                        <th>{{ 'lexik_mailer.headers.value'|trans({}, 'LexikMailerBundle') }}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody class="headers" data-prototype="{% filter escape %}{{ macros.headerLinePrototype(form.headers.vars.prototype) }}{% endfilter %}">
                    {% for header in form.headers %}
                        {{ macros.headerLinePrototype(header) }}
                    {% endfor %}
                    <tr>
                        <td colspan="3" style="text-align: right">
                            <a href="#" class="btn btn-primary add_header_link">{{ 'lexik_mailer.headers.add'|trans({}, 'LexikMailerBundle') }}</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </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.subject' | trans({}, 'LexikMailerBundle') }}</th>
                                <th>{{ 'lexik_mailer.edit.table.action' | trans({}, 'LexikMailerBundle') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for translation in email.translations %}
                                <tr>
                                    <td>
                                        <a href="{{ path('lexik_mailer.email_edit', { 'emailId' : email.id, 'lang' : translation.lang }) }}">{{ translation.displayLanguage }}</a>
                                    </td>
                                    <td>
                                        {{ translation.subject }}
                                    </td>
                                    <td>
                                        <a class="btn btn-sm btn-danger" href="{{ path('lexik_mailer.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>
                                        <a class="btn btn-sm btn-info" href="{{ path('lexik_mailer.email_edit', { 'emailId' : email.id, 'lang' : translation.lang }) }}">
                                            {{ 'lexik_mailer.email.action.edit' | 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="{{ lang }}" class="form-control" />
                    </div>
                </div>

                {{ form_row(form.translation.fromName) }}
                {{ form_row(form.translation.fromAddress) }}
                {{ form_row(form.translation.subject) }}
                {{ form_row(form.translation.body) }}
                {{ form_row(form.translation.bodyText) }}
            </fieldset>

            {{ form_widget(form._token) }}

            <div class="form-group">
                <input type="submit" class="btn btn-primary" value="{{ 'lexik_mailer.new.submit' | trans({}, 'LexikMailerBundle') }}" />
                <a class="btn btn-info" href="{{ path('lexik_mailer.email_preview', {'emailId' : email.id, 'lang' : lang}) }}" id="preview-messenger">{{ 'lexik_mailer.link.preview' | trans({}, 'LexikMailerBundle') }}</a>
                <a class="btn" href="{{ path('lexik_mailer.email_list') }}">{{ 'lexik_mailer.link.list' | trans({}, 'LexikMailerBundle') }}</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}

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

            $('#preview-messenger').bind("click", function(e){
                window.open($(this).attr("href"), "email-preview", "menubar=no, status=no, scrollbars=no, menubar=no, width=800, height=800");
                e.preventDefault();
            });
        });
    </script>
    {% include "@LexikMailer/Email/_collection.js.twig" %}
{% endblock %}