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

{% block breadcrumb %}
    <li><a href="{{ path('office_brain_servicegroupbundle_catalogrulemasteradmin_list') }}">{{ 'admin.catalog_rule_master.breadcrumb'|trans }}</a></li>
    {% endblock breadcrumb %}

{% block main_page_title %}
    <h1>
        <i class="fa fa-tasks"></i>
        {% block form_title %}
            {{ 'admin.catalog_rule_master.page_add'|trans }}
        {% endblock form_title %}
    </h1>
{% endblock main_page_title %}

{% block main_content %}
    <div class="ui-table-block rule-group-mapping-block col-lg-12 col-md-12 col-xs-12">
        <div class="ui-content-block">
            {% block form_start %}
                {{ form_start(form, {'action':
                                    path('office_brain_servicegroupbundle_catalogrulemasteradmin_processadd'),
                                    'attr': {'class': '',
                                    'id':'add_service_rule_master', 'method':'post'}}) }}

            {% endblock form_start %}
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="form-title">{{ form_label(form.countryId, 'admin.form.countryId.label'|trans) }} <span class="red">*</span></div>
                                </div>
                                <div class="col-lg-12 col-xs-12 inline-radio field-{{ form.countryId.vars.id }} js-category-id" 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>
                                            </label>
                                        </div>
                                    {% endfor %}
                                    {{ form_errors(form.countryId) }}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group field-{{ form.ruleName.vars.id }}">
                                <label>{{ form_label(form.ruleName, 'admin.form.rule_master.rule_name.label'|trans) }} <span class="red">*</span></label>
                                {{ form_widget(form.ruleName, { 'attr': {'class':
                                'form-control form-control-tool-tip',
                                'title':'admin.form.rule_master.rule_name.tool_tip'|trans,
                                'placeholder':
                                'admin.form.rule_master.rule_name.label'|trans,
                                'data-placement':'right'} }) }}
                                {{ form_errors(form.ruleName) }}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <label class="form-title">{{ ('admin.form.rule_master.rules.label'|trans) }} <span class="red">*</span></label>
                        </div>
                        <div class="col-lg-12 field-rule-condition" id="rule_condition">
                            <div class="rule-condition">
                                {{ include('OfficeBrainServiceGroupBundle:CatalogRuleMasterAdmin:ruleConditions.html.twig') }}
                            </div>
                            <div class="file-input field-service_group_data_rule-condition">
                                <div class="input-container"></div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-group field-{{ form.status.vars.id }}">
                                <label for="rule_master_data_status" class="form-title">{{ form_label(form.status, 'admin.form.status.label'|trans) }} <span class="red">*</span></label>
                                {{ form_widget(form.status, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':'admin.form.status.tool_tip'|trans, 'data-placement':'right'} }) }}
                                {{ form_errors(form.status) }}
                            </div>
                        </div>
                    </div>
                        

                    <div class="btn-block">
                        <button type="submit" class="customize-btn submit-btn-ajax-custom"><i class="fa fa-floppy-o"></i> {{ 'admin.form.button.submit.label'|trans }}</button>
                        <button type="button" onclick="document.location = '{{ path('office_brain_servicegroupbundle_catalogrulemasteradmin_list') }}';" class="customize-btn">{{ 'admin.form.button.cancel.label'|trans }}</button>
                    </div>
                </div>
            </div>
            {{ form_widget(form.status, { 'attr': {'value': 1}}) }} {{ form_rest(form) }}
            {{ form_end(form)}}
        </div>
    </div>

{% endblock main_content %}

{% block footer_js %}
    {{ parent() }}

    <!-- inline scripts related to this page -->
    <script type='text/javascript'>
        var filters = {{ conditions|raw }};    </script>

        {% javascripts '@OfficeBrainServiceGroupBundle/Resources/public/js/query-builder.js' %}
            <script src="{{ asset_url }}" type='text/javascript'></script>
        {% endjavascripts %}
        {% javascripts '@OfficeBrainServiceGroupBundle/Resources/public/js/rule_master.js' %}
            <script src="{{ asset_url }}" type='text/javascript'></script>
        {% endjavascripts %}
        {% javascripts '@OfficeBrainServiceGroupBundle/Resources/public/js/catalog_rule_master.js' %}
            <script src="{{ asset_url }}" type='text/javascript'></script>
        {% endjavascripts %}

        {% stylesheets '@OfficeBrainServiceGroupBundle/Resources/public/css/query-builder.css' %}
            <link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
        {% endstylesheets %}

{% endblock footer_js %}