{% extends app.request.isXmlHttpRequest ? '::baseAjax.html.twig' : app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':Search/BrowseCategory/browseSubCategoryLayout.html.twig' %}

{% block seo_meta_title %}
	{{(seo_detail.metaTitle is defined) ? seo_detail.metaTitle|trim : ''}}
{% endblock seo_meta_title %}

{% block seo_meta_description %}
	{{(seo_detail.metaDescription is defined) ? seo_detail.metaDescription|trim : ''}}
{% endblock seo_meta_description %}

{% block bread_crumb_after_home %}
	<li>
		<a href="{{ path('office_brain_search_bundle_browse_category') }}">{{ 'All Products'| trans({}, 'app') }}</a>
		<i class="fa fa-angle-right fa-fw"> </i>
	</li>
	{% if parent_category_info is defined %}
		<li>
			{# <a href="{{ path('office_brain_search_bundle_browse_category_search', {'category_slug': parent_category_info.slug}) }}">{{ parent_category_info.cat_name }}</a>#}
			<a href="{{ path('office_brain_search_bundle_browse_sub_category', {'category_slug': parent_category_info.slug}) }}">{{ parent_category_info.cat_name }}</a>
			<i class="fa fa-angle-right fa-fw"> </i>
		</li>
	{% endif %}
	<li>{{ category_name }}</li>
{% endblock bread_crumb_after_home %}

{% block category_listing_title %}{{ category_name }}{% endblock category_listing_title %}

{% use 'OfficeBrainSearchBundle:BrowseCategory:Banner/browseSubCategory.html.twig' %}
{% block category_top_banner %}{{ parent() }}{% endblock category_top_banner %}

{% block category_list_left_panel %}
	{% include 'OfficeBrainSearchBundle:BrowseCategory:browseSubCategoryListLeftPanel.html.twig' with {'category_list':sub_category_list, 'category_list_title': 'all_sub_category'|trans({}, 'app')} %}
{% endblock category_list_left_panel %}

{% use 'OfficeBrainSearchBundle:BrowseCategory:Banner/browseCategoryLeftPanel.html.twig' %}
{% block category_left_banner %}{{ parent() }}{% endblock category_left_banner %}

{% block category_listing %}
	{% block ajax_body %}
		{% if sub_category_list is defined and sub_category_list !='' %}
			{% for category_list in  sub_category_list %}
				{% if category_list.status is defined and  category_list.status == "Active" %}
	        	{% include app.request.get('project_setting').instance_theme_path~':'~ app.request.get('project_setting').instance_theme ~':Search/BrowseCategory/browseSubCategoryListRawLayout.html.twig' %}
	        	{% endif %}
	    	{% endfor %}
    	{% endif %}
	{% endblock ajax_body %}
<style>
	
	.blog-project {
	    background-color: #054365;
	    color: #fff;
	    margin-top: 30px;
	}
	.blog-project-inner {
	    display: flex;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 20px 0;
	}
	.blog-project figure {
    margin: 7px 37px 0 0;
    width: 274px;
    height: 156px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
	}
	.blog-project figure img {
    	vertical-align: middle;
	}

	.blog-project-text {
	    position: absolute;
	    width: 274px;
	    height: 156px;
	    top: 0;
	    left: 0;
	    background: rgba(45, 45, 45, .64);
	    font-size: 21px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    padding: 0 10px;
	    line-height: 1.2;
	}
	.blog-project-text p {
    	margin: 0;
	    color: #fff;
	    font-size: 17px;
	    line-height: 25px;
	    font-weight: bold;
	}
	.blog-project b {
    	 font-weight: bold;
	}

	.blog-project-title {
    	font-size: 15px;
    	line-height: 1;
	}

	.blog-project ul {
	    list-style-type: none;
	    padding: 0;
	    font-size: 14px;
	    max-width: 450px;
	    padding-right: 45px;
	}
	.blog-project li {
    	margin-top: 15px;
    	list-style: disc;
	}
	.blog-project li a {
    	color: #fff;
    	text-decoration: none;
	}
	</style>
{% endblock category_listing %}