{% extends app.request.get('instance_id') > 0 ? "::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') }}">{{ "admin.greenbook_coupon.coupon_request_breadcrumb"|trans }}</a> / </li>
    <li>{{ "admin.greenbook_coupon.add" | trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
    <i class="fa fa-file-text"></i>
    {% block form_title %}
        {{ "admin.greenbook_coupon.add"|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">
            <h3> {{ "admin.greenbook_coupon.gc_details"|trans }}</h3>
                {% block form_start %}
                    {{ form_start(form, {'action':path('office_brain_couponbundle_greenbookmasteradmin_processaddcouponrequest', {'instance_id' : app.request.get('instance_id')}), 'attr':{ 'id':'coupon_request_add', 'class': 'data-form js-add-edit-form', 'novalidate' : 'novalidate'  }}) }}  <!-- cms_page_add -->
                {% endblock form_start %}
                <div class="row">
                    <div class="form-group">
                        <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_greenbook_coupon_countryid col-lg-3 col-xs-12 inline-radio" id="{{ form.countryId.vars.id }}">
                            {% for child in form.countryId %}
                                <div class="radio">
                                    <label>
                                        {{ form_widget(child, {'attr': {'class':'ace ring'}}) }}
                                        <span class="lbl">{{ form_label(child) }}</span>
                                </div>
                            {% endfor %}
                        </div>
                        {{ form_errors(form.countryId) }}
                    </div>
                </div>
 
                <div class="js_greenbook_coupon_language_tab_content tab-block add-banner-tab-block" id="js_greenbook_coupon_language_tab_content">
                     
                    <ul class="nav nav-tabs" id="js_greenbook_coupon_language_tab">
                        {% for country in country%}
                            {% for lang_code,lang in country.language%}
                                <li class="js_greenbook_coupon_language_tab_{{ country.id }}" data-lang="{{ lang }}" style="display: none;">
                                    <a data-toggle="tab" href="#js_greenbook_coupon_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.greenbookLangCollection %}                         	
                            <div id="js_greenbook_coupon_language_tab_content_{{ form.greenbookLangCollection[key].languageId.vars.value }}" class="tab-pane fade">
                                <div class="form-group">
                                    {{ form_label(form.greenbookLangCollection[key].couponTitle, 'admin.greenbook_coupon.form.coupon_title'|trans) }}<span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.pagetitle_eg'|trans }}</em> #} 
                                    {{ form_widget(form.greenbookLangCollection[key].couponTitle, { 'attr': {'class': 'form-control form-control-tool-tip title', 'title':'admin.greenbook_coupon.form.coupon_title'|trans, 'placeholder': 'admin.greenbook_coupon.form.coupon_title'|trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.greenbookLangCollection[key].couponTitle) }}
                                </div>
                                <div class="form-group">
                                    {{ form_label(form.greenbookLangCollection[key].description, 'admin.greenbook_coupon.form.description'|trans) }}<span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.pagecontent_eg'|trans }}</em> #} 
                                    {{ form_widget(form.greenbookLangCollection[key].description, { 'attr': {'class': 'form-control form-control-tool-tip content', 'title':'admin.greenbook_coupon.form.description'|trans, 'placeholder':'admin.greenbook_coupon.form.description'|trans, 'data-placement':'right'} }) }}
                                    {{ form_errors(form.greenbookLangCollection[key].description) }}
                                   
                                    {{ form_widget(form.greenbookLangCollection[key].languageId) }}
                                </div>                                
                            </div>
                        {% endfor %}
                    </div>
                </div>                
               
               <div class="row">                 
                        
{#                 <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">#}
{#                     <div class="form-title">{{ form_label(form.couponImage) }}<span class="hint-text"> <em>{{ "admin.greenbook_coupon.form.select_image" | trans }}</em> </span></div>#}
{#                     <div class="upload-img-pdf">#}
{#                         <div class="form-group">#}
{#                             <label class="file-input-wrap" id="file">							#}
{#                                 <span href="javascript:void(0);" class="admin-custom-btn label-name"><i class="fa fa-upload"></i>{{ "admin.greenbook_coupon.form.image" | trans }}</span>#}
{#                                 <input type="file" class="form-control">#}
{#                                 {{ form_widget(form.couponImage, { 'attr': {'class': 'js_icon', 'title':'tag.label.featured_tag_icon', 'placeholder': 'couponImage', 'id': 'featuredIcon', 'data-placement':'right' } }) }}#}
{#                             </label>#}
{#                             {{ form_errors(form.couponImage) }}#}
{#                         </div>#}
{#                     </div>#}
{#                 </div>    #}
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                
                                <div class="form-group col-lg-12 no-padding-right-class"> 
                                
                                  <label  id="file" class="file-input-wrap">
                                    <span class="admin-custom-btn label-name" href="javascript:void(0);"><i class="fa fa-upload"></i>
                                        {{ 'admin.greenbook_coupon.form.select_image' | trans }}
                                      <span class="test">  {{ form_widget(form.couponImage, { 'attr': {'class': 'form-control'} }) }} </span>
                                        {{ form_errors(form.couponImage) }}
                                    </span>
                                    <span class="file-name" id="js-flyernoimage">                                        	
                                        	 {{ 'admin.flyer_management.no_file' | trans }}                                        	 
                                    </span>
                                    <ul class="error-message"><li id="jsimageerror"></li></ul>
                                </label>                                                    
                                  
                               <!--  <p class="custum_alert_danger error" id="flyerUploadedPath_error"></p>	   -->    
{#                                 <ul class="error-message"><li id="flyerUploadedPath_error"></li></ul>                        #}
                            </div>
                             
                        </div> 
                
                
                                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                <div class="form-group">
                    {{ form_label(form.supplierId, 'admin.greenbook_coupon.form.supplierid'|trans) }} <span class="red" >*</span>      {# }<em>{{ 'admin.greenbook_coupon.form.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.supplierId, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.supplierid'|trans, 'placeholder':'Select Supplier', 'data-placement':'right'}}) }}
                    {{ form_errors(form.supplierId) }}
                </div>
                </div>
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                <div class="form-group">
                    {{ form_label(form.supplierEmail, 'admin.greenbook_coupon.form.supplier_email'|trans) }} <span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.supplierEmail, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.supplier_email'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.supplierEmail) }}
                </div>
                </div>
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                <div class="form-group">
                    {{ form_label(form.products, 'admin.greenbook_coupon.form.products'|trans) }} <span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.products, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.products'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.products) }}
                </div>
                </div>
                
               <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
               <div class="form-group">
                    {{ form_label(form.couponType, 'admin.greenbook_coupon.form.coupon_type'|trans) }} <span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.couponType, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.coupon_type'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.couponType) }}
                </div>
                </div>
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 js-product-options">
                <div class="form-group">
                    {{ form_label(form.productOptions, 'admin.greenbook_coupon.form.product_coupon'|trans) }} {#<span class="red">*</span>  <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.productOptions, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.product_coupon'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.productOptions) }}
                </div>
                </div>
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 js-setup-options" style="display: none;">
                <div class="form-group">
                    {{ form_label(form.setupOptions, 'admin.greenbook_coupon.form.setup_coupon'|trans) }} {#<span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.setupOptions, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.setup_coupon'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.setupOptions) }}
                </div>
                </div>
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 js-shipping-options" style="display: none;">
                <div class="form-group">
                    {{ form_label(form.shippingOptions, 'admin.greenbook_coupon.form.shipping_coupon'|trans) }} {#<span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.shippingOptions, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.shipping_coupon'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.shippingOptions) }}
                </div>
                </div>
                 
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                <div class="form-group">
                    {{ form_label(form.distributorGroupIds, 'admin.greenbook_coupon.form.distributor_group'|trans) }} <span class="red">*</span> {# <em>{{ 'cms.admin.form.page.label.status_eg'|trans }}</em> #} 
                    {{ form_widget(form.distributorGroupIds, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'admin.greenbook_coupon.form.distributor_group'|trans, 'placeholder':'', 'data-placement':'right'}}) }}
                    {{ form_errors(form.distributorGroupIds) }}
                </div>  
                </div>              
                
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                   <div class="form-group">
                       <div class="form-group">                                                      
				          <label for="pwd">{{ form_label(form.startDate) }}:</label> <span class="required"">*</span>				                             
				               <div class="input-append date input-group date-block" id="datetimepicker1">
				                     {{ form_widget(form.startDate, { 'attr': {'class': 'form-control','data-format':'MM/dd/yyyy'} }) }}
				                     <span class="add-on input-group-addon datepicker-color">
				                         <i class="fa-calendar fa"></i>
				                     </span>
				               </div> 				                            
				              {{ form_errors(form.startDate) }}  
				              <!-- <p class="custum_alert_danger error" id="validUntilDate_error"></p> -->   
{# 				              <ul class="error-message"><li id="validUntilDate_error"></li></ul>      #}                                        
                        </div>
                   </div>
                </div>
                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                      <div class="form-group">
                           <div class="form-group">                                                      
				               <label for="pwd">{{ form_label(form.endDate) }}:</label> <span class="required"">*</span>				                             
				                 <div class="input-append date input-group date-block" id="datetimepicker2">
				                                {{ form_widget(form.endDate, { 'attr': {'class': 'form-control','data-format':'MM/dd/yyyy'} }) }}
				                                <span class="add-on input-group-addon datepicker-color">
				                                <i class="fa-calendar fa"></i>
				                 			    </span>
				                 </div> 				                            
				                 {{ form_errors(form.endDate) }}  
				                 <!-- <p class="custum_alert_danger error" id="validUntilDate_error"></p> -->   
{# 				                 <ul class="error-message"><li id="validUntilDate_error"></li></ul>      #}                                        
                           </div>
                      </div>
                </div>
                
                
                                
                {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}
                {% block form_btn_block %}
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                        <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>#}
							<button type="submit" class="customize-btn {#js-submit-btn#}">{{ 'configuration.form.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) }}
 
            </div>
        </div>
    {% endblock main_content %}
    
    {% block footer_js %}
	    {% if (app.request.get('instance_id') == 0) or app.request.query.get('js_load_status') == 'true' %}
	        {{ parent() }}		 
    	{% endif %}
    	 <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
     	 <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
{#     	{% javascripts '@OfficeBrainCouponBundle/Resources/public/js/greenbook-admin.js' %} <!-- cms_page_master.js -->#}
{# 	        <script src="{{ asset_url }}" type='text/javascript'></script>	                #}
{# 	    {% endjavascripts %}	    	       #}
    <script type="text/javascript">
    	var mode = 'add';
    	greenbook_object.init();
    	greenbook_object.getSupplierProducts();
    	//greenbook_object.countryChangeEvent(); 
     	//greenbook_object.switchTabContent(); 
    	greenbook_object.tabValidation();
    </script>
    {% endblock footer_js  %}
{% endblock ajax_body %}