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

{% block modal_extra_class %}model-popup-black banner-copy-block view-rule-popup-block event-table-block{% endblock modal_extra_class %}

{% block modal_header_icon %}
    <i class="fa fa-eye"></i>
{% endblock modal_header_icon %}

{% block modal_header_title %}
 {{ 'admin.catalog_rule_master.rule'|trans }} '{{data.ruleName }}' {{ 'admin.catalog_rule_master.detail'|trans }}
{% endblock modal_header_title %}

{% block modal_body_content %}
<h2>{{ 'admin.form.rule_master.rules_basic_info'|trans }}</h2>
                <div class="view-event-table-block">
                    <div class="table-responsive">
                        <table class="view-event-table">
                            <tbody>
                                <tr>
                                    <td>{{ 'admin.form.rule_master.rule_name.label'|trans }}</td>
                                    <td>{{ data.ruleName }}</td>
                                </tr>
                                <tr>
                                    <td>{{ 'admin.form.rule_master.rule_type.label'|trans }}</td>
                                    <td>{{ data.ruleType }}</td>
                                </tr>
                                <tr>
                                    <td>{{ 'admin.form.rule_master.culture_id.label'|trans }}</td>
                                    <td>{{ data.countryId }}</td>
                                </tr>
                                
                            </tbody>
                        </table>
                    </div>
                </div>
                <h2>{{ 'admin.form.rule_master.rules_condition'|trans }}</h2>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="rule-condition">
                            {{ include('OfficeBrainServiceGroupBundle:CatalogRuleMasterAdmin:ruleConditions.html.twig') }}
                        </div>
                    </div>
                </div>
                <h2>{{ 'admin.form.other_information'|trans }}</h2>
                <div class="table-responsive table-group-block">
                    <table class="common-default-table">
                        <tbody>
                        	<tr>
                        		<td>{{ 'admin.status.status'|trans }}</td>
                        		<td>
                        			{% if(data.status==0) %}
						                <button class="btn inactive-btn"><i class="fa fa-ban"></i>{{ 'admin.status.inactive'|trans }}</button>
						            {% elseif(data.status==1) %}
						                <button class="btn active-btn"><i class="fa fa-check-circle-o"></i>{{ 'admin.status.active'|trans }}</button>
						            {% endif %}
                        		</td>
                        	</tr>
                        </tbody>
                    </table>
                </div>
<!-- inline scripts related to this page -->
<script>
    $(function(){
    	var filters =  {{ data.conditions|raw }};
    	{% if data.rule_condition is defined and data.rule_condition!=null %}
    	var setRule = {{ data.rule_condition|raw }};
    	{% endif %}
    	if(typeof filters !== 'undefined' && (filters)!=undefined && filters!=null){
    
    		$('#builder2').queryBuilder({
    			  sortable: false,
    			  filters:  filters,
    			  allow_add_delete_rule_group: false,
    		});
    	}
    
    	if(typeof setRule !== 'undefined' && (setRule)!=undefined && setRule!=null){
    		$('#builder2').queryBuilder('setRules', setRule);
    	}
    });
</script>
{% endblock modal_body_content %}