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

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

{% block main_page_title %}
    <h1><i class="fa fa-users"></i> {{ 'admin.service_group_management.service_group_add'|trans }}</h1>
{% endblock main_page_title %}

{% block main_content %}
    <div class="ui-table-block col-xs-12">
        <div class="ui-content-block">
			{% block form_start %}
            	{{ form_start(form, {'action':path('office_brain_servicegroupbundle_servicegroupadmin_processadd'), 'attr': {'class': '', 'id':'add_service_group', 'method':'post','role':'form'}}) }}
            {% endblock form_start %}
            <div class="row">
                <div class="col-lg-12 col-xs-12">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="form-title">{{ form_label(form.countryId, 'admin.form.culture.label'|trans) }} <span class="red required" >*</span></div>
                        </div>
                        <div class="col-lg-3 col-xs-12 inline-radio" 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 %}
                        </div>
                    </div>
                </div>

                <div class=" col-xs-12">
                    <div class="tab-block add-banner-tab-block">
                        <ul class="nav nav-tabs" id="js_service_group_name_tab">
                            {% for country in country %}
                                {% for lang_code,lang in country.language%}
                                    <li class="js-service-group-name-tab-{{ country.id }}" data-lang="{{ lang }}">
                                        <a data-toggle="tab" href="#js_service_group_name_tab_content_{{ lang }}" aria-expanded="true">
                                            {{ language[lang_code].name|trans }}
                                        </a>
                                    </li>
                                {% endfor%}
                            {% endfor%}

                        </ul>
                        <div class="form-group">
                            <div class="tab-content field-service_group_data_languageMapping" id="js_service_group_name_tab_content">
                                <label class="form-title">{{ 'admin.form.group_name.label'|trans }} <span class="red required" >*</span></label>
                                {% for key,lang in form.languageMapping %}
                                    <div id="js_service_group_name_tab_content_{{ form.languageMapping[key].languageId.vars.value }}" class="tab-pane fade">
                                        {{ form_widget(form.languageMapping[key].groupName, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':'admin.form.group_name.tool_tip'|trans, 'data-placement':'right'} }) }}
                                        {{ form_errors(form.languageMapping[key].groupName) }}

                                        {{ form_widget(form.languageMapping[key].languageId, { 'attr': {'data-placement':'right'} }) }}
                                    </div>
                                {% endfor%}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xs-12">
                	<div class="form-group field-{{ form.status.vars.id }}">
                        <label for="service_group_data_status" class="form-title">{{ form_label(form.status, 'admin.form.status.label'|trans) }} <span class="red required" >*</span></label>
                        {{ form_widget(form.status, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':'admin.form.status.tool_tip'|trans, 'placeholder': 'admin.form.status.label'|trans, 'data-placement':'right'}}) }}
                        {{ form_errors(form.status) }}
                    </div>
                    <div class="clearfix"></div>
				</div>
				<div class="col-lg-12 col-xs-12">
					{% block copy_service_group %}
                    	{{include('OfficeBrainServiceGroupBundle::makecopy.html.twig')}}
					{% endblock copy_service_group %}
                    <div class="btn-block">
                        <button type="submit" class="customize-btn"> {{ 'admin.form.button.submit.label'|trans }}</button>
                        <button type="reset" class="customize-btn {#js-reset-btn#}"> {{ 'admin.form.button.reset.label'|trans }}</button>
                    </div>
                </div>



                {{ form_widget(form.status, { 'attr': {'value': 1}}) }} {{ form_rest(form) }}
            </div>
            {{ form_end(form)}}
        </div>
    </div>

{% endblock main_content %}

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