{% extends 'admin\\baseadmin.html.twig' %}
{% block content%}
				<section class="page-content container-fluid">
                    <div class="row">
                        <div class="col-lg-9 col-xl-9">
                            <div class="card">
                                <div class="card-header">
                                    {{description|trans({},'emails')}}
                                    <ul class="actions top-right">
                                        <li><a href="javascript:void(0)" data-q-action="card-expand"><i class="icon dripicons-expand-2"></i></a></li>
                                    </ul>
                                </div>
                                <div class="card-body">
{{ form_start(form) }}	
									{{ form_row( form.email_name) }}
									{{ form_row( form.subject) }}
									{{ form_row( form.body) }}
									{% form_theme form _self %}

									{% block _product_custom_block_widget %}
										<div class="text_widget">
											<label>{{'status'|trans({},'emails')}}</label>
											{{ form_widget( form.is_active) }}
										</div>
									{% endblock %}
                                    <button type="submit" id="std_emails_form_save" name="std_emails_form[save]" class="btn-primary btn">{{'save'|trans({},'configs')}}</button>
                                    <a class="btn btn-secondary" href="/{{ app.request.getLocale() }}/admin/emails" role="button">{{'cancel'|trans({},'configs')}} </a>
                                </div>
                            </div>
                        </div>
						<div class="col-lg-3 col-xl-3">
							<div class="card">
                                <div class="card-body p-b-0 p-t-0">
                                    <div class="row">
                                        <div class="col-12">
                                            <ul class="list-group list-group-flush list-group-lang d-block p-b-0" style="width:100%">
                                                {% for lang,name in languages %}
												<li class="list-group-item list-lang-item p-l-10 p-r-0 {% if lang == 'pt' %} active {% endif %}"  data-value="{{lang}}" data-q-action="lang-switch">
                                                    <div class="row align-items-center">
                                                        <div class="col-sm-8">
                                                            <div class="icon dripicons-checkmark lang-check"></div>
                                                            <span class="text-color-primary">{{name}}</span>
															<input type="hidden" class="subject_{{lang}}" name="subject_{{lang}}">
															<input type="hidden" class="body_{{lang}}" name="body_{{lang}}">
                                                        </div>
                                                    </div>
                                                </li>
												{% endfor %}
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
						</div>
                    </div>
                </section>
{{ form_end(form) }}

{% endblock %}
{% block javascripts %}
{{parent()}}
<script>
	$(function() {
		$(".list-group-item").on("click",function(e){
			var lang = $(this).data("value");
			var valSubject = $(".subject_"+lang).val();
			var valBody = $(".body_"+lang).val();
			$("#std_emails_form_subject").val(valSubject);
			$("#std_emails_form_body").val(valBody);
		});

		$("#std_emails_form_subject").on("blur",function(e){
			var lang = $(".list-group-item.active").data("value");
			var val = $(this).val();
			$(".subject_"+lang).val(val);
		});
		$("#std_emails_form_body").on("blur",function(e){
			var lang = $(".list-group-item.active").data("value");
			var val = $(this).val();
			$(".body_"+lang).val(val);
		});
	});
</script>
{% endblock %}