{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block header_css %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('bundles/officebraintheme/AdminTheme/css/colpick.css') }}" type='text/css'/>
{% endblock header_css %}
{% block breadcrumb %}
<li><a href="{{ path('office_brain_subshopbundle_subshopadmin_subshoplist') }}">{{ "subshop_menu.admin.side_bar.company_store"|trans }}</a></li>
<li>/ {{ "subshop_content.admin.design.page_title" | trans }}</li>
{% endblock breadcrumb %}

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

{% block main_content %}
<div class="widget-box-overlay"><i class="fa fa-spinner fa-spin"></i></div>
<div class="page-title">
	<h2><i class="fa fa-archive"></i> {{ "subshop_content.admin.design.sub_page_title" | trans }}</h2>
</div>
<div class="customize-block">
	{% use "OfficeBrainSubShopBundle:SubShopThemeAdmin:theme_design_sidebar.html.twig" %}
	{% block theme_design_sidebar %} {{ parent() }} {% endblock theme_design_sidebar %}
	<div class="customize-output-block js-theme-design-ajaz-url" data-ajax-url = "{{ path('office_brain_subshopbundle_subshopthemeadmin_subshopthemedesigncustomupdateajax', {'subshop_id' : subshop.id}) }}">
		<iframe id="js-subshop-theme-preview" width="100%" height="1135px" frameborder="0" src="{{ path('office_brain_subshopbundle_subshopthemeadmin_subshopthemepreview', {'theme_id' : subshop.shopThemeId, 'subshop_id' : subshop.id}) }}"></iframe>
	</div>
</div>
{% endblock main_content %}

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