{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block header_css %}
    {{ parent() }}
    <link rel='stylesheet' href='{{ asset('bundles/officebrainemail/css/custom.css')  }}' type='text/css' />
{% endblock header_css %}

{% block breadcrumb %}
	<li><a href="{{ path('office_brain_page_admin_content_management') }}">{{ "cms.admin.breadcrumb"|trans }}</a> /</li>
    <li><a href="{{ path('office_brain_emailbundle_emailtemplateadmin_addtemplate') }}">{{ "email.template.breadcrumb" | trans }}</a> / </li>
    <li>{{ "email.template.add_form_title" | trans }}</li>
{% endblock breadcrumb %}

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

{% block main_content %}

    <div id="email_template">
        <div class="ui-table-block dashboard-list-block col-lg-12 col-md-12 col-xs-12">
            <div class="ui-content-block">


                <div id="add_email_template">
                    <form name='addtemplate' class="js-add-edit-form"  id='add_template' method='post' action='{{path('office_brain_emailbundle_emailtemplateadmin_addtemplatesubmit')}}' novalidate>
                    <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" title="{{ "email.form.not_blank" | trans }}">*</span>
	                            {{ form_widget(form.name, { 'attr': {'class': 'form-control', 'title':"email.template.form.name" | trans, 'placeholder': "email.template.form.placeholder.name" | trans, 'data-placement':'right'} }) }}
	                            {{ 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.description) }}
	                            {{ form_widget(form.description, { 'attr': {'class': ' form-control form-control-tool-tip', 'title':"email.template.form.description" | trans, 'placeholder': "email.template.form.placeholder.description" | trans, 'data-placement':'right'} }) }}
	                            {{ form_errors(form.description) }}
	                        </div>
	                     </div>
	                     </div>
	                     <div class="row">
	                     <div class=" col-lg-6 col-md-6 col-sm-12 col-xs-12">
	                        <div class="form-group">
                                    {{ form_label(form.header) }}
                                    {{ form_widget(form.header, { 'attr': {'class': 'form-control form-control-tool-tip header-select',
                            'onChange':'js_addHeaderIframe("'~path("office_brain_emailbundle_emailheaderadmin_getheadercontent") ~'",this.value)', 'title':"email.template.form.header" | trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.header) }}
                             </div>
                         </div>
	                     <div class=" col-lg-6 col-md-6 col-sm-12 col-xs-12">
                             <div class="form-group">
                             	{{ form_label(form.template) }}
                              	{{ form_widget(form.template, { 'attr': {'class': 'form-control form-control-tool-tip js_get_template',
                            'onChange':'js_changeTemplate("'~path("office_brain_emailbundle_emailtemplateadmin_gettemplate") ~'",this.value)', 'title':"email.template.form.predefined_template" | trans, 'data-placement':'right'} }) }}
                                {{ form_errors(form.template) }}
                             </div>
                         </div>
	                     
                    	</div>
                    
                        
                       
                         
                        <div id="header-iframe" class="form-group"></div>
                        <div class="dashboard-list-block">
                            <div class="tab-block">
                                {% if (ob_project_site_management_access_rule.email.option.template.status == 1) and (ob_project_site_management_access_rule.email.option.template.option.template_preview.status == 1) %}
                                <div class="pull-right">
                                    <a class="admin-custom-btn" href="javascript:void();" onclick="js_preview()"><i class="fa fa-eye"></i>{{ "email.button.preview" | trans }}</a>
                                </div>
                                {% endif %}
                               
                                <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" id="{{ lang.id }}" href="#inquiry_list_{{ lang.name }}">{{ lang.name|capitalize }}</a>
                                            </li>
                                        {% else %}
                                            <li>
                                                <a data-toggle="tab" id="{{ lang.id }}" href="#inquiry_list_{{ lang.name }}">{{ lang.name|capitalize }}</a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>

                                <div class="tab-content">
                                    {% for lang in language %}
                                        {% if language|first == lang%}
                                            <div id="inquiry_list_{{ lang.name }}" class="tab-pane fade in active">
                                                <div class="form-group">    
                                                    {{ form_label(form.content[lang.id]['templateContent']) }} <span class="red" title="{{ "email.form.not_blank" | trans }}">*</span>
                                                    {{ form_widget(form.content[lang.id]['templateContent'], { 'attr': {'class': 'content_'~lang.id~' tinymce content template form-control form-control-tool-tip','rows':'25', 'style':'height:40em;', 'data-theme':'advanced','title':"email.template.form.content" | trans, 'placeholder': "email.template.form.placeholder.content" | trans, 'data-placement':'right'} }) }}
                                                    {{ form_errors(form.content[lang.id]['templateContent']) }}

                                                    {{ form_widget(form.content[lang.id]['languageId'])}}
                                                </div>
                                            </div>
                                        {% else %}
                                            <div id="inquiry_list_{{ lang.name }}" class="tab-pane fade ">
                                            <div class="form-group">                
                                                {{ form_label(form.content[lang.id]['templateContent']) }} <span class="red" title="{{ "email.form.not_blank" | trans }}">*</span>
                                                {{ form_widget(form.content[lang.id]['templateContent'], { 'attr': {'class': 'content_'~lang.id~' tinymce content template form-control form-control-tool-tip', 'rows':'25', 'style':'height:40em;', 'data-theme':'advanced','title':"email.template.form.content" | trans, 'placeholder': "email.template.form.placeholder.content" | trans, 'data-placement':'right'} }) }}
                                                {{ form_errors(form.content[lang.id]['templateContent']) }}

                                                {{ 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">
		                            <label>
		                                {{ form_widget(form.isDefault, { 'attr': {'class': 'form-control-tool-tip', 'title':"email.template.form.setdefault" | trans, 'data-placement':'right'} }) }}
		                                {{ 'email.template.form.setdefault'|trans }}
		                            </label>
		                            {{ form_errors(form.isDefault) }}
		                        </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'}})  }}
                        <br>
                        <button type="submit" class="customize-btn">{{ "email.button.save" | trans }}</button>
                        <button type="reset" class="customize-btn">{{ "email.button.reset" | trans }}</button>
                       
                        {#<button type="button" class="btn btn-default" onclick="js_resetToDefaultTemplate('{{ path('office_brain_emailbundle_emailtemplateadmin_getdefaulttemplate') }}')">Reset</button>#}
                        {{ form_end(form) }}
                    </form>
                </div>

                {% if (ob_project_site_management_access_rule.email.option.template.status == 1) and (ob_project_site_management_access_rule.email.option.template.option.template_preview.status == 1) %}
                    <form name="previewform" method="post" id="previewFrom" action="{{  path('office_brain_emailbundle_emailtemplateadmin_previewtemplatedata') }}" target='_blank'>
                        <input type="hidden" id="headerId" name="header" value=""/>
                        <input type="hidden" id="previewContent" name="content" value=""/>
                        <input type="hidden" id="previewCulture" name="culture" value=""/>
                    </form>
                {% endif %}


            </div>
        </div>
    </div>
{% endblock main_content%}

{% block footer_js %}
    {{ parent() }}
    {#{ tinymce_init() }#}
    <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 %}