{% 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.company_store_theme_list.page_title"|trans }}</li>
{% endblock breadcrumb %}

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

{% block main_content %}
    <div class="dashboard-list-block">
        <nav class="navbar navbar-default top-dropdown">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-8 col-md-12 col-xs-12 col-sm-12">
                        <form name="record-search{{ item.status is not defined ? '' : item.status }}" class="js-record-search" action="{{ path("office_brain_subshopbundle_subshopadmin_subshopthemesearchajax") }}" method="post" onsubmit="return false;">
                            <div class="form-group top-title-form select-col search-width">
                                <select name="option" class="form-control">
                                    <option value="name">{{ "subshop_content.admin.company_store_theme_list.table_header.theme_name"|trans }}</option>
                                    <option value="folderName">{{ "subshop_content.admin.company_store_theme_list.table_header.folder_name"|trans }}</option>
                                    <option value="themeType">{{ "subshop_content.admin.company_store_theme_list.table_header.theme_type"|trans }}</option>
                                    <option value="createdAt">{{ "subshop_content.admin.company_store_theme_list.table_header.created_date"|trans }}</option>
                                </select>
                            </div>

                            <div class="top-title-form search-width">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12 col-md-12">
                                        <input type="text" name="keyword" value="" class="form-control">
                                        <div class="input-append input-group date-block js-date" style="display: none">
                                            <input data-format="dd/MM/yyyy" name="date-keyword" type="text" class="form-control"></input>
                                            <span class="add-on input-group-addon datepicker-color">
                                                <i class="fa fa-calendar"></i>
                                            </span>
                                        </div>
                                        <a href="javascript:;" class="search-btn"><i class="fa-search fa"></i></a>
                                    </div>
                                </div>
                            </div>

                            <div class="top-title-form">
                                <a href="javascript:;" class="customize-btn submit button-secondary"> <i class="fa fa-search"></i>{{ "subshop_content.admin.company_store_theme_list.search"|trans }}</a>
                            </div>

                            <div class="top-title-form pull-left">
                                <a href="javascript:;" class="clear admin-custom-btn" data-url = "{{ path("office_brain_subshopbundle_subshoplistthemeajax") }}"> <i class="fa fa-eraser"></i> {{ 'reset' | trans({}, 'app') }}</a>
                            </div>
                            <input type="hidden" name="search_flag" id="search_flag" value="0">
                        </form>
                    </div>

                    <div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
                        <div class="top-title-form pull-right">
                            <a class="admin-custom-btn" href="{{ path("office_brain_subshopbundle_subshopthemeadmin_subshopaddtheme") }}"><i class="fa fa-plus"></i>{{ "subshop_content.admin.add_company_store_theme.page_title"|trans }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>

        <div class="tab-block">
            {% if (ob_project_site_management_access_rule.sub_shop.option.sub_shop_theme.status == 1) and (ob_project_site_management_access_rule.sub_shop.option.sub_shop_theme.option.sub_shop_theme_list.status == 1) %}
                <ul class="nav nav-tabs" id="js-tab-no-ajax">
                    <li class="active">
                        <a data-toggle="tab" href="#active_theme_list">{{ "subshop_content.admin.company_store_theme_list.menu.default"|trans }}</a>
                    </li>

                    <li class="">
                        <a data-toggle="tab" href="#inactive_theme_list">{{ "subshop_content.admin.company_store_theme_list.menu.inactive"|trans }}</a>
                    </li>

                    <li class="">
                        <a data-toggle="tab" href="#drafted_theme_list">{{ "subshop_content.admin.company_store_theme_list.menu.draft"|trans }}</a>
                    </li>

                    {#
                        <li class="">
                            <a data-toggle="tab" href="#deleted_theme_list">{{ "subshop_content.admin.company_store_theme_list.menu.deleted"|trans }}</a>
                        </li>
                    #}
                </ul>

                <div class="tab-content">
                    <div id="active_theme_list" class="tab-pane fade active in">
                        {{ render(controller("OfficeBrainSubShopBundle:SubShopThemeAdmin:subshopThemeSearchByStatus" ,{'status_id' : '1', 'records_per_page':records_per_page,'page':page})) }}
                    </div>

                    <div id="inactive_theme_list" class="tab-pane fade">
                        {{ render(controller("OfficeBrainSubShopBundle:SubShopThemeAdmin:subshopThemeSearchByStatus" ,{'status_id' : '0', 'records_per_page':records_per_page,'page':page})) }}
                    </div>

                    <div id="drafted_theme_list" class="tab-pane fade">
                        {{ render(controller("OfficeBrainSubShopBundle:SubShopThemeAdmin:subshopThemeSearchByStatus" ,{'status_id' : '2', 'records_per_page':records_per_page,'page':page})) }}
                    </div>

                    {#
                        <div id="deleted_theme_list" class="tab-pane fade">
                            {{ render(controller("OfficeBrainSubShopBundle:SubShopThemeAdmin:subshopThemeSearchByDelete" ,{'records_per_page':records_per_page,'page':page})) }}
                        </div>
                    #}
                </div>
            {% endif %}
            <!-- PAGE CONTENT ENDS -->
        </div>
    </div>
{% endblock main_content %}

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