{% 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 %}

    <table class="table table-bordered no-margin-bottom no-border-top">
        <thead>
            <tr>
                <th colspan="2" align='left' valign='middle'><i class="icon-user"> </i> {{ 'admin.form.rule_master.rules_basic_info'|trans }}</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align='left' valign='middle' width='40%'><b>{{ 'admin.form.rule_master.rule_name.label'|trans }}</b> :</td>
                <td align='left' valign='middle'>{{ data.ruleName }}</td>
            </tr>
            <tr>
                <td align='left' valign='middle'><b>{{ 'admin.form.rule_master.rule_type.label'|trans }}</b> :</td>
                <td align='left' valign='middle'>{{ data.ruleType }}</td>
            </tr>
            <tr>
                <td align='left' valign='middle'><b>{{ 'admin.form.rule_master.culture_id.label'|trans }}</b> :</td>
                <td align='left' valign='middle'>{{ data.countryId }}</td>
            </tr>
        </tbody>
        <thead>
            <tr>
                <th colspan="2"><i class="icon-briefcase"> </i> {{ 'admin.form.rule_master.rules_condition'|trans }}</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align='left' valign='middle' width='100%' colspan="2">{{ include('OfficeBrainServiceGroupBundle:CatalogRuleMasterAdmin:ruleConditions.html.twig') }}</td>
            </tr>
        </tbody>
        <thead>
            <tr>
                <th colspan="2"><i class="icon-info"> </i> {{ 'admin.form.other_information'|trans }}</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                {% if data.status==1 %} {% set status = 'admin.status.active'|trans
                    %} {% set class = "label label-sm label-success" %} {% else %} {% set
			status = 'admin.status.blocked'|trans %} {% set class = "label
			label-sm label-danger" %} {% endif %}
                    <td align='left' valign='middle'><b>{{
					'admin.status.status'|trans }}</b> :</td>
                    <td align='left' valign='middle'><span class="{{ class }}">{{
					status }}</span></td>
                </tr>
            </tbody>
        </table>
        <!-- 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 %}