{% extends (app.request.isXmlHttpRequest) or (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.addecatalogue"|trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}
	{% block form_title %}
		<i class="fa fa-book"></i> {{ "admin.ecatalogue.addecatalogue"|trans }}
	{% endblock form_title %}
{% endblock main_page_title %}
{% block ajax_body %}
{% block main_content %}
{% if ecatalogueAccessField.option.ecatalogue_add.status ==1 %}
<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_addpost' %}
            {{ form_start(form_ecatalogue, {'action' : path(mypath, {'id' : form_ecatalogue.vars.value.id, 'instance_id':app.request.get('instance_id')}), 'attr' : { 'id':'js-form-ecatalogue','novalidate' : '', 'role' : 'form_ecatalogue', 'class':'js-add-edit-form'}}) }}
            <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 %}
                                    {# {{ key~'_'~lang_key }}#}
                                    {% 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 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>{{ 'admin.ecatalogue.header.form.e_g'| trans }}. “{{ 'admin.ecatalogue.ecatlog_title_hint'| trans }} ” </em></span>
                                                        {{ form_widget(form_ecatalogue.ecatalogueLanguage[lang_key]['ecatalogueTitle'], { 'attr': {'id':'ecatalogueTitle', 'class': 'form-control ecatalogueTitle', '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="red">*</span>
                                            		<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': {'id':'ecatalogueImage','data-lang': lang_key , 'class': 'form-control ecatalogueImage', 'placeholder': 'catalogue image' } }) }}
	                                                        
	                                                    </label>
	                                                    {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueImage']) }}
	                                                    <div class="uploaded-img-pdf">
	                                                    	<img  name="displayimg" id ="imagePreview_{{ lang_key }}"  width="57" height="74"/>
	                                                    	<span id ="catalogueImage_{{ lang_key }}"></span>
	                                                   	</div>
	                                                </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': '' },'value' : form_ecatalogue.vars.value.ecatalogueLanguage[lang_key].catalogueImage }) }}
	                                                    </label>
{# 	                                                        {{ form_label(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueFile'] ) }} #}
	                                                        
	                                                        {{ form_errors(form_ecatalogue.ecatalogueLanguage[lang_key]['catalogueFile']) }}
	                                                    <div class="uploaded-img-pdf">
	                                                    	<label id="catalogueFile_{{ lang_key }}"></label>
	                                                   	</div>
	                                                </div>
	                                    		</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| length > 0  %}
                	<div class="form-group">
						<label for="text" class="form-title">{{ 'admin.ecatalogue.category.label'|trans }}</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 } }) }}
                						{{ form_errors(form_ecatalogue.category) }}
               					</div>

                			</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>
	                <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">  {{ 'Save'|trans }}</button>
	                    <button type="reset" class="customize-btn js-banner-reset js-reset-btn">{{ 'Reset'|trans }}</button>
                	</div>
                </div>
                {{ form_rest(form_ecatalogue, {'attr' :{'class' :'hidden'}})  }}
            </div>
                </div>
            </div>
            {{ form_end(form_ecatalogue) }}
            
{% endif %}
{% if app.request.get("instance_id") > 0%}
<script type="text/javascript">

       $(document).ready(function () {
	    	ecatalogue_object.init();	    	
	    });
 </script>
{% endif %}
{% endblock main_content %}
{% endblock ajax_body %}
{% block footer_js %}
    {{ parent() }}

{#     {{ tinymce_init({'theme': {'simple': {'menubar': false}}}) }}#}

    {% javascripts '@OfficeBrainEcatalogueBundle/Resources/public/js/ecatalogue-list.js' %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
    <script type="text/javascript">
	 Date.prototype.mmddyyyy = function() {
		  var yyyy = this.getFullYear().toString();
		  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
		  var dd  = this.getDate().toString();
		  return   (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0])+ "/" + yyyy; // padding
		};
	d = new Date(); 
//     $(document).ready(function () {
	    	ecatalogue_object.init();
// 	});
	$("#officebrain_bundle_ecataloguebundle_ecatalogue_startDate").val(d.mmddyyyy());
	$("#officebrain_bundle_ecataloguebundle_ecatalogue_endDate").val(d.mmddyyyy());
	</script>
{% endblock footer_js %}