{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block header_css %}
    {{ parent() }}
    <link rel='stylesheet' href='{{ asset('bundles/officebraincoupon/css/chosen.css')  }}' type='text/css' />
    <link rel='stylesheet' href='{{ asset('bundles/officebraincoupon/css/coupon.css')  }}' type='text/css' />
{% endblock header_css %}
{% block breadcrumb %}
    <li>{{ 'admin.coupon.add_title'|trans }}</li>
    {% endblock breadcrumb %}

{% block main_page_title %}

	{% block form_title %}
	<h1><i class="fa fa-certificate"></i>{{ 'admin.coupon.add_title'|trans }}</h1>
	{% endblock form_title %}

{% endblock main_page_title %}

{% block main_content %}
    {% import _self as macros %}
    <div class="add-coupon-content">
    <div id="accordion1" class="accordion-style1 panel-group list-accordion">
        <div class="panel panel-default">
            {{ include('OfficeBrainCouponBundle:Admin:smartimport.html.twig') }}
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                        <i class="fa fa-chevron-down"></i>{{ 'admin.coupon.add_title'|trans }}
                    </a>
                </h4>
            </div>
            <div class="panel-collapse collapse in" id="collapseTwo">
                  <form class="js-add-edit-form" name="form"   id='form' method='post' enctype="multipart/form-data" action="{{ path('office_brain_couponbundle_couponadmin_processadd') }}"   novalidate>
                <div class="panel-body dashboard-list-block">
          
                <input type="hidden" name="couponmode" id="couponmode" value="coupon"/>

                <div class="inline-radio" id="js-coupon-country-id">


                            {% for child in form.countryId %}
                                <div class="radio" id="{{ form.countryId.vars.id }}">
                                    <label>
                                        {{ form_widget(child, {'attr': {'class':'ace ring'}}) }}
                                        <span class="lbl">{{ form_label(child) }}</span>
                                    </label>
                                </div>
                            {% endfor %}




                </div>

                <div class="tab-block add-coupan">
                    <ul class="nav nav-tabs" id="myTab">

                        <ul class="nav nav-tabs" id="js_coupon_language_tab">
                            {% for count in country %}
                                {% for lang_code,lang in count.language%}
                                    <li class="js-coupon-language-tab-{{ count.id }}" data-lang="{{ lang }}">
                                        <a data-toggle="tab" href="#js_coupon_tab_content_{{ lang }}" aria-expanded="true">
                                            {{ language[lang_code].name|trans }}
                                        </a>
                                    </li>
                                {% endfor%}
                            {% endfor%}

                        </ul>
                    </ul>
                    <div id="js_coupon_tab_data" class="tab-content">
                        {% for key,lang in form.languageMapping %}


                            <div id="js_coupon_tab_content_{{ form.languageMapping[key].languageId.vars.value }}" class="tab-pane fade">
                                <div class="row">
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                            <div class="form-group">

                                                {{ form_label(form.languageMapping[key].couponTitle,'admin.coupontitle.label'|trans) }}: <span class="red" title="{{ 'admin.field_require'|trans }}">*</span><em>{{ 'admin.coupon.help.birthday'|trans }}</em>
                                                {{ form_widget(form.languageMapping[key].couponTitle, { 'attr': {'class': 'form-control'} }) }}
                                                {{ form_errors(form.languageMapping[key].couponTitle) }}

                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                            <div class="form-group">
                                                  {{ form_label(form.languageMapping[key].couponDescription,'admin.description.label'|trans) }}:<em>{{ 'admin.coupon.help.description'|trans }}</em>

                                    {{ form_widget(form.languageMapping[key].couponDescription, { 'attr': {'class': 'form-control'} }) }}
                                    {{ form_errors(form.languageMapping[key].couponDescription) }}

                                            </div>
                                        </div>
                                </div>

                            </div>

                            {{ form_widget(form.languageMapping[key].languageId, { 'attr': {'class': 'header form-control', 'title':'form.content.1.headerContent', 'placeholder': 'form.name.label', 'data-placement':'right'} }) }}

                        {% endfor%}
                    </div>
                </div>
                 <div class="row">
                        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="form-group">
                                 {{ form_label(form.couponType,'admin.coupontype.label'|trans ) }}: <span class="red" title="{{ 'admin.field_require'|trans }}">*</span><em>{{ 'admin.coupon.help.cartdiscount'|trans }}</em>
                                 {{ form_widget(form.couponType, { 'attr': {'class': 'form-control'} }) }}
                                 {{ form_errors(form.couponType) }}
                            </div>
                        </div>
                        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="form-group">
                                 {{ form_label(form.couponAmount,'admin.amount.label'|trans ) }}:<em>{{ 'admin.coupon.help.amount'|trans }}</em>
                                {{ form_widget(form.couponAmount, { 'attr': {'class': 'form-control'} }) }}
                                {{ form_errors(form.couponAmount) }}
                            </div>
                        </div>
                 </div>

                <div class="form-group">

                    {{ form_widget(form.isMultiplecoupon, { 'attr': {'id':'js-multiple','class': 'ace js-multiple'} }) }}
                    <span class="lbl bigger-120">{{'admin.multiplecopuon.label'|trans}}</span>
                </div>
                <div id="js-multiple-coupon">
                    <div class="form-group">
                        {{ form_widget(form.isMakeActive, { 'attr': {'class': 'ace'} }) }}
                        <span class="lbl bigger-120">{{'admin.make_deactive.label'|trans}}</span>
                    </div>
                    <div class="form-group">
                        <label> {{'admin.smartcoupon.label'|trans }}:</label>
                        {{ form_widget(form.couponTotal, { 'attr': {'class': 'form-control'} }) }}
                        {% if errorData['errors_generateCoupon'] is defined %}
                            <ul><li> {{ errorData['errors_generateCoupon'] }}</li></ul>
                                {% endif %}
                    </div>
                </div>
               
                    <div class="form-group">
                        {{ form_label(form.couponPrifix,'admin.prifix.label'|trans ) }}:
                        {{ form_widget(form.couponPrifix, { 'attr': {'class': 'form-control'} }) }}
                        {{ form_errors(form.couponPrifix) }}
                    </div>
               
                <div id="js-single-coupon" class="form-group">
                    {{ form_label(form.couponCode,'admin.couponcode.label'|trans ) }}: <span class="red" title="{{ 'admin.field_require'|trans }}">*</span>
                    {{ form_widget(form.couponCode, { 'attr': {'class': 'form-control'} }) }}
                   
                        {{ form_widget(form.isAutogenerate, { 'attr': {'class': 'ace'} }) }}
                        <span class="lbl bigger-120">{{'admin.auto_generate.label'|trans}}</span>
                 
                    {% if errorData['errors_couponCode'] is defined and errorData['errors_couponCode'] !='' %}
                        <ul><li> {{ errorData['errors_couponCode'] }}</li></ul>
                            {% endif  %}
                            {{ form_errors(form.couponCode) }}

                </div>
                <div class="select-group" id="js-productcategory-list">
                    {% macro menu_links(catList,selcatlist) %}
                        {% import _self as macros %}

                        {% for key,value in catList  %}
                            {% if value['culture_category_id'] is defined  %}
                            <option value="{{ value['culture_category_id'] }}"  {% if selcatlist[value['culture_category_id']] is defined and selcatlist[value['culture_category_id']] == value['culture_category_id'] %} selected="selected" {% endif %}>
                                {{ value['cat_name'] }}
                            </option>
                            {% endif %}
                            {%  if value['child'] is defined and value['child']|length > 0 %}
                                {{ macros.menu_links(value['child'],selcatlist) }}
                            {% endif %}
                        {% endfor %}
                    {% endmacro %}
                   <label class="form-label">  {{'admin.product_category.label'|trans }}:</label> 
                    <select class="category-multi-select" id="category-multi-select" name="category" multiple="multiple">
                        {{ macros.menu_links(catList,selcatlist) }}

                    </select>
                    <input type="hidden" name="categoryids" id="categoryids" />
                </div>
                <div class="select-group">
                    <label class="form-label"> {{'admin.product.label'|trans }}:</label>
                    <select class="product-multi-select" id="product-multi-select" name="product[]" multiple="multiple">
                        {% if productData is defined %}
                            {% for key,value in productData  %}
                                <option value="{{ key}}" selected>{{ value }}</option>
                            {% endfor %}
                        {% endif %}


                    </select>
                    <input type="hidden" name="productids" id="productids" />
                    {% if errorData['productError'] is defined and errorData['productError'] != ''  %}
                        <ul class="custom-error-message"><li> {{ errorData['productError']}}</li></ul>
                            {% endif %}
                </div>
                <div class="select-group">
                    <label> {{'admin.exproduct.label'|trans }}:</label>
                    <select class="product-multi-select" id="exproduct-multi-select" name="ex_product" multiple="multiple">
                        {% if exproductData is defined %}
                            {% for key,value in exproductData  %}
                                <option value="{{ key}}" selected>{{ value }}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                    <input type="hidden" name="ex_productids" id="ex_productids" />
                </div>

                <div class="row">
                        <div class="col-lg-2 col-md-4 col-xs-4">
                            <div class="checkbox">
                                 <label> {{ form_widget(form.isFreeShipping, { 'attr': {'class': 'ace'} }) }}
                        <span class="lbl">{{'admin.freeshipping.label'|trans}}</span>
                        {{ form_errors(form.isFreeShipping) }}</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-xs-4">
                            <div class="checkbox">
                                <label>{{ form_widget(form.isBeforeTax, { 'attr': {'class': 'ace'} }) }}
                        <span class="lbl">{{'admin.beforetax.label'|trans}}</span>
                        {{ form_errors(form.isBeforeTax) }}</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-xs-4">
                            <div class="checkbox">
                               <label> {{ form_widget(form.isSaleItem, { 'attr': {'class': 'ace'} }) }}

                        <span class="lbl">{{'admin.salesitem.label'|trans}}</span>
                        {{ form_errors(form.isSaleItem) }}</label>
                            </div>
                        </div>
                    </div>
                <div class="form-group">
                    {{ form_label(form.usageLimit,'admin.usagelimit.label'|trans  ) }}:
                    {{ form_widget(form.usageLimit, { 'attr': {'class': 'form-control'} }) }}
                    {{ form_errors(form.usageLimit) }}
                </div>
                
                <div class="row">
                    <div class="col-lg-6 col-md-3 col-xs-4">
                        <div class="form-group">
                            {{ form_label(form.startDate,'admin.startdate.label'|trans  ) }}:
                            <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) }}
                            {% if errorData['errors_date'] is defined and errorData['errors_date'] != ''  %}
                        <ul class="custom-error-message"><li> {{ errorData['errors_date']}}</li></ul>
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-3 col-xs-4">
                        <div class="form-group">
                            {{ form_label(form.endDate,'admin.enddate.label'|trans) }}:
                            <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) }}
                        </div>
                    </div>

                </div>
                <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group">
                               {{ form_label(form.userEmail,'admin.email.label'|trans) }}:

                            {{ form_widget(form.userEmail, { 'attr': {'class': 'form-control'} }) }}
                            {{ form_errors(form.userEmail) }}
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                 {{ form_label(form.userGroups,'admin.usergroup.label'|trans ) }}:

                            {{ form_widget(form.userGroups, { 'attr': {'class': 'form-control'} }) }}
                            {{ form_errors(form.userGroups) }}
                            </div>
                        </div>
                    </div>

                <div id="js-makecopy-div">
                    {{ include('OfficeBrainCouponBundle:Admin:makecopy.html.twig',{'flag': 'add'}) }}

                </div>
                <div id="js-generate-csv" class="form-group">
                    {{ form_widget(form.isGenerateCsv, { 'attr': {'class': 'ace'} }) }}
                    <span class="lbl bigger-120">{{'admin.generatecsv.label'|trans}}</span>
                </div>
                {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}

                <div class="btn-block">
                    <button type="submit" id="submit" class="customize-btn"><i class="icon-ok bigger-110"></i>{{ 'admin.submit'|trans }}</button>

                    <button type="reset" class="customize-btn">{{'reset'|trans}}</button>
                </div>

                </div>
                        </form>
    
            </div>
        </div>

    </div>
    </div>
{% endblock main_content%}

{% block footer_js %}
    {{ parent() }}
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
    <script src='{{ asset('bundles/officebraincoupon/js/coupon.js')  }}' type='text/javascript'></script>
    <script src='{{ asset('bundles/officebraincoupon/js/chosen.jquery.js')  }}' type='text/javascript' ></script>
    <script src='{{ asset('bundles/officebraincoupon/js/chosen.ajaxaddition.jquery.js')  }}' type='text/javascript' ></script>
    <script type="text/javascript">
        couponObj.ajaxpath = "{{ path('office_brain_couponbundle_couponadmin_productajax') }}";
        couponObj.autopath = "{{ path('office_brain_couponbundle_couponadmin_coupongenerateajax') }}";
        var mode = 'add';
        couponObj.init();
    </script>

{% endblock footer_js %}