{% extends app.request.get('instance_id') > 0 ? "::baseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block header_css %}
    {{ parent() }}
    <link rel='stylesheet' href='{{ asset('bundles/officebrainbanner/css/banner-manage.css')  }}' type='text/css' />
{% endblock header_css %}
{% block breadcrumb %}
        <li><a href="{{ path('office_brain_ecataloguebundle_ecatalogue_list') }}">{{ "admin.ecatalogue.listecatalogue"|trans }}</a> / </li>
        <li>{{ "admin.ecatalogue.editecatalogue"|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}
	{% block form_title %}
		<i class="fa fa-book"></i> {{ "admin.ecatalogue.editecatalogue"|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 add-banner-block add-ecatalogue-block add-e-catalogue">
        <div class="ui-content-block">
		{% set mypath = 'office_brain_ecataloguebundle_ecatalogue_editecataloguepost' %}
        {{ form_start(form_ecatalogue, {'action' : path(mypath, {'ecatalogueId' : ecatalogueId, 'instance_id':app.request.get('instance_id')}), 'attr' : {'id':'js-form-ecatalogue','novalidate' : '', 'role' : 'form_ecatalogue'}}) }}
            <div class="row">
                <div class="col-lg-12 col-xs-12 js-ecatalogue-country-id">
                    <div class="row">
                        <div class="col-xs-12">
                            {{ form_label(form_ecatalogue.countryId, 'admin.ecatalogue.country.label'|trans, { 'attr': {'class': 'form-title'} }) }} <span class="red">*</span>
                        </div>
                        <div class="col-lg-3 col-xs-12 inline-radio">
                            {% for child in form_ecatalogue.countryId %}
                                <div class="radio">
                                    <label>
                                        {{ form_widget(child, {'attr': {'class':'ace ring'}}) }}
                                        <span class="lbl">{{ form_label(child) }}</span>
                                    </label>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-lg-12">
                	<div id="country" class="tab-block add-banner-tab-block">
                		<ul id="js_ecatalogue_name_tab" class="nav nav-tabs">
								{% for country_val in country %}
                                    {% for lang_code,lang in country_val.language%}
                                        <li class="js-ecatalogue-name-tab-{{ country_val.id }}" data-lang="{{ lang }}" >
                                            <a data-toggle="tab" href="#js_ecatalogue_name_tab_content_{{ country_val.id }}" aria-expanded="true">
                                                {{ language[lang_code].name|trans }}
                                            </a>
                                        </li>
                                    {% endfor%}
                                {% endfor%}
                		</ul>
                		<div id="js_ecatalogue_name_tab_content" class="tab-content">
								{% set defaultLang = 0 %}
                                {% for lang_key,lang_value in form_ecatalogue.ecatalogueLanguage %}
                                
                                    {% if form_ecatalogue.ecatalogueLanguage|first == lang_value %}
                                        {% set activeclass = 'in active' %}
                                    {% else %}
                                        {% set activeclass = '' %}
                                    {% endif%}
									<div id="js_ecatalogue_name_tab_content_{{ form_ecatalogue.ecatalogueLanguage[lang_key].languageId.vars.value }}" class="tab-pane fade js-tab-change {{activeclass}}" data-lang="{{ form_ecatalogue.ecatalogueLanguage[lang_key].languageId.vars.value }}">
{#                                     <div id="js_ecatalogue_name_tab_content_{{ form_ecatalogue.ecatalogueLanguage[lang_key].languageId.vars.value }}" class="tab-pane fade js-tab-change {{activeclass}}" data-lang="{{ form_ecatalogue.ecatalogueLanguage[lang_key].languageId.vars.value }}">#}
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                        {{ form_label(form_ecatalogue.ecatalogueLanguage[lang_key]['ecatalogueTitle'],'admin.ecatalogue.name.label'|trans ) }} <span class="red">*</span>
                                                        <span class="hint-text"> <em> e.g. “Winter Collection 2015 ” </em></span>
                                                        {{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['ecatalogueTitle'], { 'attr': {'class': 'form-control', 'placeholder': 'admin.ecatalogue.name.label'|trans } }) }}
                                                        {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['ecatalogueTitle']) }}
                                                    
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                            	<div class="form-title">{{ 'admin.ecatalogue.upload.image.label'|trans }}<span class="hint-text">
                                            	 	<em>{{ 'admin.ecatalogue.header.form.e_g'| trans }}. “ {{ 'admin.ecatalogue.image.allow_image'| trans }} ”</em>
                                            		<em>{{ 'admin.ecatalogue.header.form.e_g'| trans }}. “ {{ 'admin.ecatalogue.image.prefer_size'| trans }} ”</em> 
                                            	 </span></div>
                                            	<div class="upload-img-pdf">
                                            		<div class="form-group">
                                                        <label id="file" class="file-input-wrap">							
	                                                        <span class="admin-custom-btn label-name" href="javascript:void(0);"><i class="fa fa-upload"></i>Choose File</span>
															{{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueImage'], { 'attr': {'class': 'form-control ecatalogueImage','data-lang': lang_key , 'placeholder': 'admin.ecatalogue.upload.image.label'|trans } }) }}
	                                                    </label>
{# 	                                                    {{ form_ecatalogue.vars.value.ecatalogueLanguage[lang_key].catalogueImage }}#}
	                                                    {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueImage']) }}
	                                                    {% if imagename is defined and imagename!='' %}
														
														<div class="uploaded-img-pdf">
														{% set keyLang = lang_key %}
														
	                                                    	<a href="{{app.request.basepath}}/images/uploads/ecatalogue/{{ imagename[lang_key].catalogueImage }}" target="_blank">
	                                                    		<img src="{{ ('/ecatalogue/' ~ imagename[lang_key].catalogueImage)  | apply_filter('thumb_edit_ecatalogue_57x74') }}" id="editEcatalogueImage_{{ lang_key }}"/>
	                                                    		<img  name="displayimg" id ="imagePreview_{{ lang_key }}"  width="57" height="74"/>
	                                                    	</a>
	                                                      	<span id ="catalogueImage_{{ lang_key }}">{{ imagename[lang_key].catalogueImage }}</span>
	                                                   	</div>
														{% endif %}
	                                                </div>
                                            	</div>
	                                         </div>
                                        </div>
                                        <div class="row">
	                                    	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
	                                    		<div class="form-title">{{ 'admin.ecatalogue.upload.pdf.label'|trans }}
	                                    			<span class="hint-text">
	                                    				<em> e.g. “{{ 'admin.ecatalogue.image.allow_pdf'|trans }}” </em>
	                                    			</span>
	                                    		</div>
	                                    		<div class="upload-img-pdf">
	                                    			<div class="form-group">
	                                    				<label id="file" class="file-input-wrap">							
	                                                        <span class="admin-custom-btn label-name" href="javascript:void(0);"><i class="fa fa-upload"></i>Choose File</span>
															{{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueFile'], { 'attr': {'class': 'form-control js-ecataloguefile','data-lang': lang_key, 'placeholder': 'admin.ecatalogue.upload.pdf.label'|trans } }) }}
	                                                    </label>
	                                                        {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueFile']) }}
	                                                </div>
	                                    		</div>
	                                    		<div class="uploaded-img-pdf">
	                                                        {% if imagename[lang_key].catalogueFile is defined and imagename[lang_key].catalogueFile !='' %}
	                                                        	
																	<a id ="editecataloguefile_{{ lang_key }}" href="{{app.request.basepath}}/images/uploads/ecatalogue/{{imagename[lang_key].catalogueFile}}" target="_blank"><img src="{{app.request.basepath}}/images/pdf-icon-3.png"/></a>
																	<span id ="editecataloguefilename_{{ lang_key }}">{{imagename[lang_key].catalogueFile}}</span>
																
															{% endif %}
															<label id="catalogueFile_{{ lang_key }}"></label>
												</div>	
	                                       	</div>
	                                       	<div class="col-sm-12 form-group">
                                            	<label class="form-title">OR</label>
                                        	</div>
                                        	<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        		<div class="form-group">
	                                                    
	                                                        <label>{{ 'admin.ecatalogue.url.label'|trans }}</label> 
	                                                        {{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueUrl'], { 'attr': {'class': 'form-control', 'placeholder': 'E-catalog url' } }) }}
	                                                        {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueUrl']) }}
	                                                    
	                                                </div>
                                        	</div>
	                                            
	                                            
                                        </div>
                                            
                                        {{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['languageId'])}}
                                    </div>
                                    {% set defaultLang = defaultLang + 1 %}
                                {% endfor %}
                            </div>
                	</div>
                </div>
                <div class=" col-xs-6">
                	<div class="form-group">
                		{{ form_label(form_ecatalogue.supplier,'admin.ecatalogue.supplier.label'|trans,{ 'attr': {'class': 'form-title' } }) }}<span class="red">*</span><span class="hint-text"><em>{{ "admin.ecatalogue.header.form.e_g" | trans }}. “ {{ "admin.ecatalogue.header.form.select_supplier" | trans }}”</em> </span>
                		{{ form_widget(form_ecatalogue.supplier, { 'attr': {'class': 'form-control', 'placeholder': 'supplier' } }) }}
                        {{ form_errors(form_ecatalogue.supplier) }}
                	</div>
                	<div class="form-group">
						{{ form_label(form_ecatalogue.startDate,'admin.ecatalogue.startDate.label'|trans,{ 'attr': {'class': 'form-title' } }) }}
                        <div class="input-append date input-group date-block" id="datetimepicker1">
                        	{{ form_widget(form_ecatalogue.startDate, { 'attr': {'class': 'form-control',  'data-format':'MM/dd/yyyy'} }) }}
                            {{ form_errors(form_ecatalogue.startDate) }}
                            <span class="add-on input-group-addon datepicker-color">
                            	<i class="fa-calendar fa"></i>
                            </span>
                        </div>
                    </div>
                    <div class="form-group">
						{{ form_label(form_ecatalogue.endDate,'admin.ecatalogue.endDate.label'|trans,{ 'attr': {'class': 'form-title' } }) }}
                        <div class="input-append date input-group date-block" id="datetimepicker2">
                        	{{ form_widget(form_ecatalogue.endDate, { 'attr': {'class': 'form-control',  'data-format':'MM/dd/yyyy'} }) }}
                            {{ form_errors(form_ecatalogue.endDate) }}
                            <span class="add-on input-group-addon datepicker-color">
                            	<i class="fa-calendar fa"></i>
                            </span>
                        </div>
                    </div>
                	<div class="clearfix"></div>
{#                 	{% if categoryData !='' %}#}
                	<div class="form-group">
{#                 		{{ form_label(form_ecatalogue.category,'admin.ecatalogue.category.label'|trans,{ 'attr': {'class': 'form-title' } }) }}<span class="red">*</span><span class="hint-text"><em>{{ "admin.ecatalogue.header.form.e_g" | trans }}. “ {{ "admin.ecatalogue.header.form.select_category" | trans }}”</em> </span>#}
						<label for="text" class="form-title">{{ 'admin.ecatalogue.category.label'|trans }} <span class="red">*</span></label><span class="hint-text"><em>{{ "admin.ecatalogue.header.form.e_g" | trans }}. “ {{ "admin.ecatalogue.header.form.select_category" | trans }}”</em> </span>
                		<div class="ecatalogue-category">
                			<div class="scrollbar" id="style-1">
                				<div class="force-overflow">
                						{{ form_widget(form_ecatalogue.category, { 'attr': {'class': 'main-box', 'placeholder': 'admin.ecatalogue.category.label'|trans } }) }}
               					</div>
                					{{ form_errors(form_ecatalogue.category) }}
                			</div>
                		</div>
                	</div>
{#                 	{% endif %}#}
                	<div class="form-group">
                		{{ form_label(form_ecatalogue.status,'admin.ecatalogue.status.label'|trans,{ 'attr': {'class': 'form-title' } }) }}<span class="red">*</span><span class="hint-text"><em>{{ "admin.ecatalogue.header.form.e_g" | trans }}. “ {{ "admin.ecatalogue.header.form.select_status" | trans }}”</em> </span>
                		{{ form_widget(form_ecatalogue.status, { 'attr': {'class': 'form-control', 'placeholder': 'category' } }) }}
                        {{ form_errors(form_ecatalogue.status) }}
                	</div>
                	<div class="clearfix"></div>
                	<!-- Hide To Make Copy In Edit-->
{# 	                <div class="row">#}
{# 	                            <div class="col-lg-12">#}
{# 	                                <div class="country-comment-info private-tag-block">#}
{#                         				{%  include('OfficeBrainEcatalogueBundle:EcatalogueAdmin:makecopy.html.twig') %}#}
{# 	                                </div>#}
{# 	                            </div>#}
{# 	                </div>#}
	                <div class="btn-block">
	                	<button type="submit" class="{{ app.request.get("instance_id") > 0 ? "js-ecatalog-submit-btn" : "js-form-ecatalog-submit-btn"}} customize-btn js-ecatloguesubmit-btn">  {{ 'Update'|trans }}</button>
	                    <button type="reset" class="customize-btn js-banner-reset">{{ 'Reset'|trans }}</button>
                	</div>
                </div>
                {{ form_rest(form_ecatalogue, {'attr' :{'class' :'hidden'}})  }}
            </div>
                </div>
            </div>
            {{ form_end(form_ecatalogue) }}
{% if app.request.get("instance_id") > 0%}
<script type="text/javascript">
// 	    	ecatalogue_object.init();
</script>
 {% endif %}
{% endblock main_content %}
{% endblock ajax_body %}
{% block footer_js %}
    {{ parent() }}
    {% javascripts 
					'@OfficeBrainEcatalogueBundle/Resources/public/js/ecatalogue-list.js'
    %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
    <script type="text/javascript">
    	ecatalogue_object.init();
    </script>
{% endblock footer_js %}