{% extends app.request.get('instance_id') > 0 and app.request.get('iframe') != 1 ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}
    <li><a href="{{ path('office_brain_page_admin_content_management') }}">{{ "cms.admin.breadcrumb"|trans }}</a> /</li>
    <li><a href="{{ path('office_brain_cmsbundle_cmspageadmin_pageadd') }}">{{ "cms.admin.form.page.breadcrumb"|trans }}</a> / </li>
    <li>{{ "cms.admin.form.page.page_add_title" | trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
    <i class="fa fa-file-text"></i>
    {% block form_title %}
        {{ "cms.admin.form.page.page_add_title"|trans }}
    {% endblock form_title %}
{% endblock main_page_title %}

{% block ajax_body %}
    {% block main_content %}
    
        <div class="ui-table-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_cmsbundle_cmspageadmin_processpageadd', {'instance_id' : app.request.get('instance_id')}), 'attr':{ 'id':'cms_page_add', 'method':'post', 'class': 'cms_page_edit data-form js-add-edit-form', 'novalidate' : 'novalidate' }}) }}
                {% endblock form_start %}
                <div class="row{% block page_country %}{% endblock page_country %}">
                    <div class="form-group hidden">
                        <div class="col-xs-12">
                            {{ form_label(form.countryId, 'cms.admin.form.page.label.culture'|trans , {'attr':{'class':'form-title'}}) }} <span class="required red" title=''>*</span>
                        </div>
                        <div class="js_cms_page_countryid col-lg-3 col-xs-12 inline-radio" id="{{ form.countryId.vars.id }}" 'title':'cms.admin.form.page.tooltip.culture'|trans>
                            {% for child in form.countryId %}
                                <div class="radio">
                                    <label>
                                        {{ form_widget(child, {'attr': {'class':'ace ring'}}) }}
                                        <span class="lbl">{{ form_label(child) }}</span>
                                    </label>
                                </div>
                            {% endfor %}
                        </div>
                        {{ form_errors(form.countryId) }}
                    </div>
                </div>
                <div class="form-group{% block page_slug %}{% endblock page_slug %} add-banner-tab-block">
                    {{ form_label(form.slug, 'cms.admin.form.page.label.slug'|trans) }} <span class="red">*</span><em>{{ 'cms.admin.form.page.label.slug_eg'|trans }}</em>
                    {{ form_widget(form.slug, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'cms.admin.form.page.tooltip.slug'|trans, 'placeholder':'cms.admin.form.page.placeholder.slug'|trans, 'data-placement':'right'}}) }}
                    {{ form_errors(form.slug) }}
                </div>
                <div class="js_cms_page_language_tab_content tab-block add-banner-tab-block" id="js_cms_page_language_tab_content">
                    <div class="pull-right{% block page_preview %}{% endblock page_preview %}">
                        <a class="admin-custom-btn" onclick="cmsPageMasterObject.previewPage()"><i class="fa fa-eye"></i>{{ "email.button.preview" | trans }}</a>
                    </div>
                    <ul class="nav nav-tabs" id="js_cms_page_language_tab">
                        {% for country in country%}
                            {% for lang_code,lang in country.language%}
                                <li class="js_cms_page_language_tab_{{ country.id }}" data-lang="{{ lang }}" style="display: none;">
                                    <a data-toggle="tab" href="#js_cms_page_language_tab_content_{{ lang }}" aria-expanded="true">
                                        {{ language[lang_code].name|trans|capitalize }}
                                    </a>
                                </li>
                            {% endfor%}
                        {% endfor%}
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        {% for key,lang in form.languageMapping %}
                            <div id="js_cms_page_language_tab_content_{{ form.languageMapping[key].languageId.vars.value }}" class="tab-pane fade">
                                <div class="form-group{% block page_title %}{% endblock page_title %}">
                                    {{ form_label(form.languageMapping[key].pageTitle, 'cms.admin.form.page.label.pagetitle'|trans) }}<span class="red">*</span><em>{{ 'cms.admin.form.page.label.pagetitle_eg'|trans }}</em>
                                    {{ form_widget(form.languageMapping[key].pageTitle, { 'attr': {'class': 'form-control form-control-tool-tip title', 'title':'cms.admin.form.page.tooltip.pagetitle'|trans, 'placeholder': 'cms.admin.form.page.placeholder.pagetitle'|trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.languageMapping[key].pageTitle) }}
                                </div>
                                <div class="form-group">
                                    {{ form_label(form.languageMapping[key].pageContent, 'cms.admin.form.page.label.pagecontent'|trans) }}<em>{{ 'cms.admin.form.page.label.pagecontent_eg'|trans }}</em>
                                    {{ form_widget(form.languageMapping[key].pageContent, { 'attr': {'class': 'form-control form-control-tool-tip content tinymce', 'style':'height:40em;', 'data-theme':'advanced', 'rows':'25', 'title':'cms.admin.form.page.tooltip.pagecontent'|trans, 'placeholder':'cms.admin.form.page.placeholder.pagecontent'|trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.languageMapping[key].pageContent) }}
                                    {{ form_widget(form.languageMapping[key].languageId) }}
                                </div>
                                <div class="row{% block page_meta_title %}{% endblock page_meta_title %}">
                                    <div class="col-md-6 col-xs-6">
                                        <div class="form-group">
                                            {{ form_label(form.languageMapping[key].metaTitle, 'cms.admin.form.page.label.metatitle'|trans) }}<em>{{ 'cms.admin.form.page.label.metatitle_eg'|trans }}</em>
                                            {{ form_widget(form.languageMapping[key].metaTitle, { 'attr': {'class': 'form-control form-control-tool-tip meta_title', 'title':'cms.admin.form.page.tooltip.metatitle'|trans, 'placeholder': 'cms.admin.form.page.placeholder.metatitle'|trans, 'data-placement':'right'} }) }}
                                            {{ form_errors(form.languageMapping[key].metaTitle) }}
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-xs-6">
                                        <div class="form-group">
                                            {{ form_label(form.languageMapping[key].metaKeyword, 'cms.admin.form.page.label.metakeyword'|trans) }}<em>{{ 'cms.admin.form.page.label.metakeyword_eg'|trans }}</em>
                                            {{ form_widget(form.languageMapping[key].metaKeyword, { 'attr': {'class': 'form-control form-control-tool-tip meta_keyword', 'title':'cms.admin.form.page.tooltip.metakeyword'|trans, 'placeholder': 'cms.admin.form.page.placeholder.metakeyword'|trans, 'data-placement':'right'} }) }}
                                            {{ form_errors(form.languageMapping[key].metaKeyword) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group{% block page_description_title %}{% endblock page_description_title %}">
                                    {{ form_label(form.languageMapping[key].metaDescription, 'cms.admin.form.page.label.metadescription'|trans) }}<em>{{ 'cms.admin.form.page.label.metadescription_eg'|trans }}</em>
                                    {{ form_widget(form.languageMapping[key].metaDescription, { 'attr': {'class': 'form-control form-control-tool-tip meta_description', 'title':'cms.admin.form.page.tooltip.metadescription'|trans, 'placeholder': 'cms.admin.form.page.placeholder.metadescription'|trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.languageMapping[key].metaDescription) }}
                                </div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="form-group{% block page_template_slug %}{% endblock page_template_slug %}">
                	{{ form_label(form.templateSlug) }}<em>e.g "{{ "cms.admin.form.page.label.template_slug_eg" | trans }}"</em>
                    {{ form_widget(form.templateSlug, {'attr' : {'class' : 'form-control js-template-slug'}}) }}
                    {{ form_errors(form.templateSlug) }}
                </div>
                <div class="form-group">
                    {{ form_label(form.css, 'cms.admin.form.page.label.css'|trans) }}<em>{{ 'cms.admin.form.page.label.css_eg'|trans }}</em>
                    {{ form_widget(form.css, { 'attr': {'class': 'form-control form-control-tool-tip cssField', 'title':'cms.admin.form.page.tooltip.css'|trans, 'placeholder': 'cms.admin.form.page.placeholder.css'|trans, 'data-placement':'right'} }) }}
                    {{ form_errors(form.css) }}
                </div>
                <div class="form-group{% block page_status %}{% endblock page_status %}">
                    {{ form_label(form.status, 'cms.admin.form.page.label.status'|trans) }} <span class="red" title='admin.form.field.required'|trans>*</span><em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em>
                    {{ form_widget(form.status, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'cms.admin.form.page.tooltip.status'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.status) }}
                </div>
                {% if country|length > 1 %}
                {% block copy_cms_page %}
                    <div class="form-group country-comment-info hidden">
                        <label class="form-title">{{ "cms.admin.form.page.label.othercountry"|trans }}</label> <span class="hint-text">{{ "cms.admin.form.page.label.othercountry_eg"|trans }}</span></label>
                        <table class="banner-copy-table add-banner-table">
                            {{include('OfficeBrainCmsBundle:CmsPageAdmin:makecopy.html.twig')}}
                        </table>
                    </div>
                {% endblock copy_cms_page %}
                {% endif %}
                {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}
                {% block form_btn_block %}
                    <div>
                        <div class="btn-block">
                            <button type="{{ app.request.get('instance_id') > 0 ?'button':'submit' }}" data-method="POST" data-routetype="processpageadd" data-route = "office_brain_cmsbundle_cmspageadmin_processpageadd" class="customize-btn {{ app.request.get('instance_id') > 0 ?'js-cms-action':'' }}">{{ 'cms.admin.form.page.label.save'|trans }}</button>
                            <input type="reset" class="customize-btn" value="{{ 'cms.admin.form.page.label.reset'|trans }}"/>
                        </div>
                    </div>
                {% endblock form_btn_block %}
                {{ form_end(form) }}
                <form name="previewform" method="post" id="previewFrom" action="{{  path('office_brain_cmsbundle_cmspage_cmspagepreview') }}" target='_blank'>
                    <input type="hidden" id="pageTitle" name="pageTitle" value=""/>
                    <input type="hidden" id="pageContent" name="pageContent" value=""/>
                    <input type="hidden" id="culture" name="culture" value=""/>
                    <input type="hidden" id="metaTitle" name="metaTitle" value=""/>
                    <input type="hidden" id="metaKeyword" name="metaKeyword" value=""/>
                    <input type="hidden" id="metaDescription" name="metaDescription" value=""/>
                    <input type="hidden" id="templateSlug" name="templateSlug" value=""/>
                    <input type="hidden" id="css" name="css" value=""/>
                </form>
            </div>
        </div>
    {% endblock main_content %}

    {% block footer_js %}
{% if(app.request.xmlHttpRequest) %}
    {% if (app.request.get('instance_id') == 0) or app.request.query.get('js_load_status') == 'true' %}
	        {{ parent() }}
	        {% javascripts '@OfficeBrainCmsBundle/Resources/public/js/cms_page_master.js' %}
	            <script src="{{ asset_url }}" type='text/javascript'></script>
	                {{ tinymce_init() }}
	        {% endjavascripts %}
		{% else %}
			<script type="text/javascript">
				//<![CDATA[
						tinyMCE.editors=[];
	                    //initTinyMCE();



	                //]]>
				cmsPageMasterObject.checkDefault();

                tinymce.init({
                           selector: '.tinymce',
                    theme: "modern",
                    plugins: [
                        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                        "searchreplace wordcount visualblocks visualchars code fullscreen",
                        "insertdatetime media nonbreaking save table contextmenu directionality",
                        "emoticons template paste textcolor colorpicker textpattern imagetools fullpage"
                    ],
                    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | image forecolor backcolor emoticons",
                    image_advtab: true,
                    relative_urls : false,
                    remove_script_host : false,
                    extended_valid_elements : 'ob-span-fix',
                    custom_elements : 'ob-span-fix'
                    convert_urls : true,
                        });
                
	        </script>

    	{% endif %} 
    {% else %}
    	{% if (app.request.get('instance_id') == 0) or app.request.query.get('js_load_status') == 'true' or app.request.get('iframe') == 1 %}
	        {{ parent() }}
		
    	{% endif %}
    	<script src="{{ asset('bundles/officebrainpage/js/tinymce/tinymce.min.js') }}" type='text/javascript'></script>
    	{% javascripts '@OfficeBrainCmsBundle/Resources/public/js/cms_page_master.js'
    					'@OfficeBrainPageBundle/Resources/public/js/customtinymce.js'
    	 %}
	            <script src="{{ asset_url }}" type='text/javascript'></script>
	                
	        {% endjavascripts %} 
	        
	        
		
	        
    {% endif %}
    
    <script type="text/javascript">
		$(document).ready(function(){
			$('#cms_page_add input[type=reset]').on('click', function(){
		    	$( "#cms_page_add ul" ).not( ".breadcrumb, #js_cms_page_language_tab" ).remove();
		    });
		});
    </script>
    {% endblock footer_js  %}
{% endblock ajax_body %}