{% extends 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_searchcriteriaadmin_add') }}">{{ "cms.search_criteria.admin.breadcrumb.title"|trans }}</a> / </li>
    <li>{{ "cms.search_criteria.admin.title_add" | trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
    <h1>
        <i class="fa fa-empire"></i>
        {% block form_title %}
            {{ "cms.search_criteria.admin.title_add"|trans }}
        {% endblock form_title %}
    </h1>
{% endblock main_page_title %}

{% block main_content %}
    <div class="ui-table-block add-search-criteria col-lg-12 col-md-12 col-xs-12">
        <div class="ui-content-block">
            {% block form_start %}
                {{ form_start(form, {'action':path('office_brain_cmsbundle_searchcriteriaadmin_processadd'), 'attr':{ 'id':'cms_search_criteria_add', 'method':'post', 'class': 'cms_search_criteria_edit data-form', 'novalidate' : '' }}) }}
            {% endblock form_start %}
            <div class="row hidden">
                <div class="col-lg-12 col-xs-12">
                    <div class="row">
                        <div class="col-xs-12">
                            {{ form_label(form.countryId, 'cms.search_criteria.admin.form.culture.label'|trans , {'attr':{'class':'form-title'}}) }} <span class="required red" title=''>*</span>
                        </div>
                        <div class="js_cms_search_criteria_countryid col-lg-3 col-md-3 col-sm-6 col-xs-12 col-xs-12 inline-radio" id="{{ form.countryId.vars.id }}" title="{{ 'cms.search_criteria.admin.form.culture.tool_tip'|trans}}">
                            {% 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 %}
                        </div>
                        {{ form_errors(form.countryId) }}
                    </div>
                </div>
            </div>
            <div class="js_cms_search_criteria_language_tab_content tab-block add-search-criteria-block" id="js_cms_search_criteria_language_tab_content">
                <ul class="nav nav-tabs" id="js_cms_search_criteria_language_tab">
                    {% for country in country%}
                        {% for lang_code,lang in country.language%}
                            <li class="js_cms_search_criteria_language_tab_{{ country.id }}" data-lang="{{ lang }}">
                                <a data-toggle="tab" href="#js_cms_search_criteria_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.languageMapping %}
                        <div id="js_cms_search_criteria_language_tab_content_{{ form.languageMapping[key].languageId.vars.value }}" class="tab-pane fade">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        {{ form_label(form.languageMapping[key].title, 'cms.search_criteria.admin.form.title.label'|trans, { 'attr': {'class': 'form-title'} }) }}<span class="red">*</span><em>{{ 'cms.search_criteria.admin.form.title.label_eg'|trans }}</em>
                                        {{ form_widget(form.languageMapping[key].title, { 'attr': {'class': 'form-control', 'title':'cms.search_criteria.admin.form.title.tool_tip'|trans, 'placeholder': 'cms.search_criteria.admin.form.title.placeholder'|trans, 'data-placement':'right'} }) }}
                                        {{ form_errors(form.languageMapping[key].title) }}
                                        {{ form_widget(form.languageMapping[key].languageId) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-12 col-sm-12 col-sm-6">
                    <div class="form-group">
                        {{ form_label(form.status, 'cms.search_criteria.admin.form.status.label'|trans) }} <span class="red">*</span><em>{{ 'cms.search_criteria.admin.form.status.label_eg'|trans }}</em>
                        {{ form_widget(form.status, { 'attr':{'class':'form-control form-control-tool-tip', 'title':'cms.search_criteria.admin.form.status.tool_tip'|trans, 'data-placement':'right'}}) }}
                        {{ form_errors(form.status) }}
                    </div>
                </div>
            </div>
            
            <div style="display: none;">
                {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}
            </div>
            {{ form_end(form) }}
            <div class="row">
                <div class="col-lg-12">
                    <h2><label class="required">{{ 'cms.search_criteria.admin.form.attribute.label'|trans }}</label> <span class="red">*</span></h2>
                </div>
                <div class="ob-admin-advance-search">
                    <div class="header-advace-search ob-advance-search">
                        <form id="search-criteria-attribute"></form>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-sm-6">
                                <div class="form-group">
                                    <div style="margin-left: 20px;">
                                        {{ form_errors(form.attribute) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xs-12">
                    <div class="btn-block">
                        <button type="button" id="search-criteria-submit" class="customize-btn">{{ 'cms.search_criteria.admin.form.button.submit'|trans }}</button>
                        <button type="reset" id="search-criteria-reset" class="customize-btn">{{ 'cms.search_criteria.admin.form.button.reset'|trans }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock main_content %}

{% block footer_js %}
    {{ parent() }}
    {% javascripts '@OfficeBrainCmsBundle/Resources/public/js/cms_search_criteria.js' %}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js  %}