{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
<li><a href="{{ path('office_brain_page_admin_content_management', {'id':app.request.get('id')}) }}">{{ "cms.admin.breadcrumb"|trans }}</a> /</li>
<li><a href="{{ path('office_brain_emailbundle_emailtemplateheaderadmin_editheader', {'id':app.request.get('id')}) }}">{{"email.header.breadcrumb"|trans }}</a> / </li>
<li>{{"email.header.edit_form_title"|trans}}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
	<h1>
		<i class="fa fa-envelope padding-right-10"></i>
		{% block form_title %}
			{{ "email.header.edit_form_title"|trans }}
		{% endblock form_title %}
	<h1>
{% endblock main_page_title %}

{% block main_content %}
<div class="ui-table-block dashboard-list-block col-lg-12 col-md-12 col-xs-12">
  <div class="ui-content-block">
  {% block form_start %}
  {{ form_start(form, {'action' :	path('office_brain_emailbundle_emailtemplateheaderadmin_editheadersubmit', { 'id': app.request.get('id') }),
    'attr' : { 'id' : 'add_header', 'novalidate' : '', 'role' : 'form', 'enctype' : 'multipart/form-data'}}) }}
  {% endblock form_start %}
	 <div class="row">
  	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  		<div class="form-group">
			{{ form_label(form.name) }}<span class="red">*</span><em>{{ "email.header.form.eg_name" | trans }}</em>
			{{ form_widget(form.name, { 'attr': {'class': 'form-control', 'placeholder': 'email.header.form.placeholder.name'|trans,'title': 'email.header.form.placeholder.name'|trans}}) }}
			{{ form_errors(form.name) }}
		</div>
  	</div>
  	{#<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  		<div class="form-group">
			{{ form_label(form.header) }}<em>{{ "email.header.form.eg_predefined_header" | trans }}</em>
			{{ form_widget(form.header, { 'attr': {'class': 'form-control', 'onChange':'js_changeHeader("'~path("office_brain_emailbundle_emailheaderadmin_getheader") ~'",this.value)'}}) }}
			{{ form_errors(form.header) }}
		</div>
  	</div>#}
  </div>		
		
	
							
	<div class="dashboard-list-block">
		<div class="tab-block">
			<div class="pull-right">
				<a class="admin-custom-btn" onclick="js_preview()"><i class="fa fa-eye"></i>{{ "email.button.preview" | trans }}</a>
			</div>
			<ul class="nav nav-tabs" id="js-no-ajax-tab" >
			{% for lang in language %}
			  {% if language|first == lang%}
			  	<li class="active"><a data-toggle="tab" href="#inquiry_list_{{ lang.name }}">{{ lang.name|capitalize }}</a></li>
              {% else %}
				<li><a data-toggle="tab" href="#inquiry_list_{{ lang.name }}">{{ lang.name|capitalize }}</a></li>
			  {% endif %}
			{% endfor %}
            </ul>
			<div id="myTabContent" class="tab-content">
				{% for lang in language %}
					{% if language|first == lang%}
					   	<div class="tab-pane fade active in" id="inquiry_list_{{ lang.name }}">
							<div class="form-group">
								{{ form_label(form.content[lang.id]['headerContent']) }}<span class="red">*</span><em>{{ "email.header.form.eg_content" | trans }}"</em>
								{{ form_widget(form.content[lang.id]['headerContent'], { 'attr': {'class': 'content_'~lang.id~' tinymce content header form-control form-control-tool-tip', 'data-theme':'advanced', 'placeholder': 'email.header.form.placeholder.content'|trans}}) }}
								{{ form_errors(form.content[lang.id]['headerContent']) }}
								{{ form_widget(form.content[lang.id]['languageId'])}}
							</div>
						</div>
					{% else %}
					     <div class="tab-pane fade" id="inquiry_list_{{ lang.name }}">
						 	<div class="form-group">
								{{ form_label(form.content[lang.id]['headerContent']) }}<span class="red">*</span><em>{{ "email.header.form.eg_content" | trans }}"</em>
								{{ form_widget(form.content[lang.id]['headerContent'], { 'attr': {'class': 'content_'~lang.id~' tinymce content header form-control form-control-tool-tip', 'data-theme':'advanced', 'placeholder': 'email.header.form.placeholder.content'|trans}}) }}
								{{ form_errors(form.content[lang.id]['headerContent']) }}
								{{ form_widget(form.content[lang.id]['languageId'])}}
					     	</div>
					     </div>
					{% endif %}
			 	{% endfor %}     
			</div>
		</div>
	</div>
	<div class="row">
    	<div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12">
       		<div class="form-group">
		    	{{ form_label(form.status) }} <span class="red" title="{{ "email.form.not_blank" | trans }}">*</span>
            	{{ form_widget(form.status, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':"email.event.form.status" | trans, 'data-placement':'right'} }) }}
            	{{ form_errors(form.status) }}
		    </div>		
        </div>
    </div>                     
    {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}       
	<div>
    	<div class="btn-block">
			<button type="submit" class="customize-btn">{{ "email.button.save" | trans }}</button>
			<button type="button" class="customize-btn js-reset-search-form" data-reset-url="{{ path('office_brain_emailbundle_emailtemplateheaderadmin_editheadersubmit', { 'id': app.request.get('id') })}}">{{ 'reset'|trans({},'app') }}</button>
                   
        </div>
	</div>			
    {{ form_end(form) }}
	{{ form_start(form, {'action' :	path('office_brain_emailbundle_emailheaderadmin_previewheader'), 'attr' : { 'id' : 'previewFrom', 'role' : 'form', 'target' : '_blank'}}) }}
		<input type="hidden" id="previewContent" name="content" value=""/>
		<input type="hidden" id="previewCulture" name="culture" value=""/>
	{{ form_end(form) }}
	</div>
</div>
{% endblock main_content%}

{% block footer_js %}
	{{ parent() }}
	 {#{ tinymce_init({'use_callback_tinymce_init': true,'plugins': 'link image code',
    'convert_urls': false, 'theme': {'simple': {'menubar': false}}}) }#}
	<script src="{{ asset('bundles/officebrainpage/js/tinymce/tinymce.min.js') }}" type='text/javascript'></script>
    {% javascripts '@OfficeBrainPageBundle/Resources/public/js/customtinymce.js'
    				'@OfficeBrainEmailBundle/Resources/public/js/custom.js' %}
		<script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}	
    
{% endblock footer_js %}