{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block header_css %}
	{{ parent() }}
  	<link href="{{ asset('pm_plugin/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet" type="text/css" />     
  	<link href="{{ asset('pm_plugin/plugins/chosen/chosen.css') }}" rel="stylesheet" type="text/css" />
  	
  	<style>
  		#js-attribute-country .bootstrap-tagsinput input[disabled]{background-color:#fff !important;}
  		.ui-autocomplete{z-index:9999;}
  	</style>
{% endblock header_css %}

{% block breadcrumb %}
        <li><a href="{{path('officebrain_bundle_product_list_product_wo_culture',params_to_append)}}">{{ 'PRODUCT_LIST.PRODUCT'|trans }}</a> /</li>
        <li>{{ (form_method == 'add') ? 'add_product'|trans : 'edit_product'|trans}}</li>
{% endblock breadcrumb %}

{% block main_page_title %}<h1><i class="fa fa-cube"></i>{{ (form_method == 'add') ? 'add_product'|trans : 'edit_product'|trans}}</h1>{% endblock main_page_title %}
{% block main_content %}

<form id="productMgmt" class="form-horizontal registrationUser" novalidate="" action="{{path('officebrain_product_distributor_add')}}" method="post" name="registration">
		{% if master_product_id is defined %}
			<input type="hidden" class= "js-validate-master-product-id" name="master_product_id" value="{{ master_product_id }}">
		{% endif %}
		{% if distributor_product_id is defined %}
			<input type="hidden" class= "js-validate-distributor-product-id" name="distributor_product_id" value="{{ distributor_product_id }}">
		{% endif %}

    <div class="page-content add-product-wrapper">
        <div id="accordion1" class="accordion-style1 panel-group list-accordion js-product-layout">
        
	   </div>
    </div>

    <div class="col-lg-12 text-center">    	
    	<input type="submit" style="visibility: visible;" class="button-secondary" value="{{ (form_method == 'add') ? 'product_add_edit.save_product'|trans : 'product_add_edit.update_product'|trans}}">&nbsp;
    	<button onClick="location.href = '{{path('officebrain_bundle_product_list_product_wo_culture',params_to_append)}}'" class="button-secondary" type="button" style="visibility: visible;" >{{ 'product_add_edit.cancel'|trans }}</button>
	</div>	
</form>
<div class="modal fade model-popup-black banner-copy-block" id="add_value_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" id="attribute_value_html">
    </div>
</div>

<!-- Add Color Modal -->
<div class="modal fade model-popup-black banner-copy-block" id="add_variation_color_popup" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-th"></i> {{ 'product_add_edit.custom_label'|trans }}</h1>
            </div>
            <div class="modal-body js-modal-body">
                <div class="row js-add_color_txts">
                    {% for key, culture in language %}
	                    <div class="col-xs-6">
	                    	<div class="form-group">
	                    		<label for="text">{{ culture.name }}</label><span class="red">*</span>
	                    		<input type="text" name="{{ culture.id }}" class="form-control" attr-class = "js-group-name-{{ key }}">
	                    	</div>
	                    </div>
	                {% endfor %}
                </div>
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <input type="submit" class="button-secondary" id="btn_add_color_text" value="Ok" name="btnColorAdd">
                        &nbsp;<button data-dismiss="modal" class="button-secondary" type="button">{{ 'cancel'|trans({},'app') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Add Color Modal -->

{% block javascripts %}	
     <script src="{{ asset('pm_plugin/jquery-migrate-1.2.1.min.js') }}" type="text/javascript"></script>
     <script src="{{ asset('pm_plugin/distributor/product_plugin.js') }}" type="text/javascript"></script>
     <script src="{{ asset('pm_plugin/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js') }}" type="text/javascript"></script>
     <script src="{{ asset('pm_plugin/plugins/chosen/chosen.jquery.js') }}" type="text/javascript"></script>
     <script src="{{ asset('pm_plugin/distributor/productCommon.js') }}" type="text/javascript"></script>
     <script src="{{ asset('bundles/officebraintheme/AdminTheme/js/jquery-ui.1.11.0.min.js') }}"></script>
     <script src="{{ asset('pm_plugin/ajax_image_upload.js') }}"></script>
     <script src="{{ asset('pm_plugin/ajax_document_upload.js') }}"></script>
     <script src="{{ asset('bundles/officebrainattribute/Admin/js/attributeValue.js') }}"></script>
     
     <script type="text/javascript">
          var imprint_position_master_id = {{ ATTR_IMPRINT_POSITION }}
          var js_locale = "{{ app.request.locale }}";
          var js_active_culture = js_locale.split('_')[0];
          var params_to_append =  {{ params_to_append|json_encode|raw }};
          var js_culture =  {{ language|json_encode|raw }};
          var productActionObject = new ProductActions();
          var attributeObject = new Attribute();
          var variationObject = new Variation();
          var validationObject = new Validation();
          var attributeValuesObject = new AttributeValues();
          var callFromProductAdd = true;
          $( document ).on( "focus", ".ajaxAttributeValueList",attributeValuesObject.autofillvalues);
          
          var ob_project_setting_for_product = {{ ob_project_setting.configuration_rule.distributor_product.add_update | json_encode | raw}};
          ob_project_setting_for_product.api_version = "{{ API_VERSION.view_product }}";
          //productActionObject.setObProjectSettings(ob_project_setting);
          
          attributeObject.addUtility(imprint_position_master_id,true);
          attributeObject.setColorId({{ ATTR_COLOR_ID }});
          
          $( document ).on( "focus", ".js_get_attribute_value",attributeObject.autofill);
          
          //  Code For Image Upload	    	
	    	var image_upload_action = BASE_URL +"/"+js_locale+ "/image/upload/product";
	    	var uploadLogoObject = new uploadLogo();
	    	uploadLogoObject.setAction(image_upload_action);
	    	$(document).on('change','.ajaxFileUpload:file',uploadLogoObject.upload);

	    	// Code For Document Upload
	    	var document_upload_action = BASE_URL +"/"+js_locale+ "/document/upload/productdocument";
	    	var uploadDocumentObject = new uploadDocument();
	    	uploadDocumentObject.setAction(document_upload_action);
	    	$(document).on('change','.ajax-document-upload:file',uploadDocumentObject.upload);
	    	
	    // EOD For Image Upload
	              
          var plugin_data = {{ plugin_data| json_encode | raw }};
          var fixed_charges = {{ fixed_charges | json_encode | raw }}
          var form_method = "{{ form_method | raw }}";
          var country_config = {{ country | json_encode | raw}}
          var production_time_unit = {{ production_time_unit | json_encode | raw }}
     </script>
     
     <script src="{{ asset('pm_plugin/distributor/dba.js') }}" type="text/javascript"></script>
     <script type="text/javascript">
         showAjaxLoading();
     </script>     
     {{ tinymce_init({'theme': {'simple': {'menubar': false}}}) }}
{% endblock javascripts %}

{% endblock main_content %}