{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %} {%
block breadcrumb %}
<li><a href="{{ path('office_brain_subshopbundle_subshopthemeadmin_subshoplisttheme') }}">{{ "subshop_content.admin.add_company_store.page_breadcrumb" | trans }}</a></li>
<li>/ {{ "subshop_content.admin.add_company_store_theme.page_title"|trans }}</li>
{% endblock breadcrumb %}

{% block main_page_title %}
	<h1>
		<i class="fa fa-sitemap"></i>
		{% block form_title %}
		{{ "subshop_content.admin.add_company_store_theme.page_title"|trans }}
		{% endblock form_title %}
	</h1>
{% endblock main_page_title %}

{% block main_content %}
    <div class="ui-table-block dashboard-list-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_subshopbundle_subshopthemeadmin_subshopaddtheme'),
                    'attr' : { 'novalidate' : '', 'role' : 'form', 'enctype' : 'multipart/form-data'}}) }}
            {% endblock form_start %}

            <div class="form-group">
                {{ form_label(form.name) }} <span class="red">*</span><em>{{ "subshop_content.admin.add_company_store_theme.eg_theme_name"|trans }}</em>
                {{ form_widget(form.name, {'attr' : {'class' : 'form-control', 'placeholder':"subshop_content.admin.add_company_store_theme.eg_theme_name"|trans}}) }}
                {{ form_errors(form.name) }}
            </div>

            <div class="form-group">
                {{ form_label(form.folderName) }} <span class="red">*</span><em>{{ "subshop_content.admin.add_company_store_theme.eg_folder_name"|trans }}</em>
                {% if (form.folderName.vars.value != NULL) and (form.vars.value.id != NULL) %}
                    <input type="text" class="form-control" placeholder="Folder Name"  value="{{ form.folderName.vars.value }}" disabled>
                    <div class="hidden">
                        {{  form_widget(form.folderName, {'attr' : {'class' : 'form-control'}}) }}
                    </div>
                {% else %}
                    {{  form_widget(form.folderName, {'attr' : {'class' : 'form-control', 'placeholder':"subshop_content.admin.add_company_store_theme.eg_folder_name"|trans}}) }}
                {% endif %}
                {{ form_errors(form.folderName) }}
            </div>

            <div class="form-group">
                {{ form_label(form.themeType) }}<em>{{ "subshop_content.admin.add_company_store_theme.eg_theme_type"|trans }}</em>
                {{form_widget(form.themeType, {'attr' : {'class' : 'form-control'}}) }}
                {{ form_errors(form.themeType) }}
            </div>

            <div class="form-group">
                {{ form_label(form.themeImageName) }}
                <div>
                    <label  id="file" class="file-input-wrap">
                        <span class="admin-custom-btn label-name" href="javascript:void(0)"><i class="fa fa-upload"></i>{{ "subshop_content.admin.add_company_store_theme.upload_button"|trans }}</span>
                        <span class="file-name form-control">{{ "subshop_content.admin.add_company_store_theme.upload_label"|trans }}</span>
                        {{form_widget(form.themeImageName, {'attr' : {'class' : 'form-control'}}) }}
                    </label>
                    {{ form_errors(form.themeImageName) }}
                    {% block form_image %} {% endblock form_image %}
                </div>
                <div class="hidden"><a class="js-media-upload-popup" data-target="#modal-table" data-toggle="modal">click to upload</a></div>
            </div>

            <div class="form-group">
                {{ form_label(form.themeColorList) }}<em>{{ "subshop_content.admin.add_company_store_theme.eg_theme_color"|trans }}</em>
                <div class="color-selection-col">
                    {% for index,themeColor in form.themeColorList %}
                        <div class="checkbox theme-{{ form.themeColorList[index].vars.value  }}  {{ form.themeColorList[index].vars.value == 'default' ? 'hidden' : '' }}">
                            <label>
                                <i class="fa fa-home"></i>
                                {{ form_widget(themeColor, {'id' : 'form-them-color-'~form.themeColorList[index].vars.value}) }}
                                <label for="form-them-color-{{ form.themeColorList[index].vars.value }}"><span></span></label>
                            </label>
                        </div>
                    {% endfor %}
                </div>
            </div>

            <div class="form-group">
                {{ form_label(form.themeData) }} <span class="red">*</span><em>{{ "subshop_content.admin.add_company_store_theme.eg_theme_data"|trans }}</em>
                {{ form_widget(form.themeData, {'attr' : {'class' : 'form-control', 'placeholder': "subshop_content.admin.add_company_store_theme.theme_data"|trans}}) }}
                {{ form_errors(form.themeData) }}
            </div>

            <div class="form-group">
                {{ form_label(form.status) }}<em>{{ "subshop_content.admin.add_company_store_theme.eg_status"|trans }}</em>
                {{ form_widget(form.status, {'attr' : {'class' : 'form-control'}}) }}
                {{ form_errors(form.status) }}
            </div>

            <div class="form-group">
                <button type="submit" class="customize-btn">{{ "subshop_content.admin.add_company_store_theme.form.save_btn"|trans }}</button>
                <button type="reset" class="customize-btn">{{ "subshop_content.admin.add_company_store_theme.form.reset_btn"|trans }}</button>
            </div>
            {{ form_end(form) }}
        </div>
    </div>
{% endblock main_content %}

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

{% javascripts '@OfficeBrainCmsBundle/Resources/public/js/cms_tps.js'
	 				'@OfficeBrainCmsBundle/Resources/public/js/cms_media_popup.js'
					'@OfficeBrainCmsBundle/Resources/public/js/jquery.knob.js'
                    '@OfficeBrainCmsBundle/Resources/public/js/jquery.ui.widget.js'
                    '@OfficeBrainCmsBundle/Resources/public/js/jquery.iframe-transport.js'
                    '@OfficeBrainCmsBundle/Resources/public/js/jquery.fileupload.js' %}
		<script src="{{ asset_url }}" type='text/javascript'></script>
{% endjavascripts %}

{% endblock footer_js %}