{% extends '::baseAjax.html.twig' %}

{% block ajax_body %}
{% if category_list is defined and category_list | length > 0 %}
	
		<div class="row">
			{% for index, category in category_list %}
					{% if category.status == "Active" %}
					<div class="col-md-6 col-12">
						<div class="category-box">
							<div class="category-img">
								{% set imageSrc ='' %}
								{% set altimage ='image-load-gif' %}
                                {%  if category.image != '' and category.image is defined %}
                                  {% set imageSrc = client_upload_base_url~'category/'~category.image %}
                                  {% set altimage = category.cat_name %}
                                {% else %}
                                  {% set imageSrc = asset('bundles/officebraincustombundletheme/IdmeTheme/images/no-image-available.png') %}
                                {% endif %}
								<img  class="lazy" data-src="{{ imageSrc }}" src="{{ asset('images/uploads/media/20240326112149_image-load.gif', null, true) }}" alt="{{altimage}}" />
								
							</div>
							<div class="category-texts">
								<div class="category-title">{{category.cat_name}}</div>
								<div class="category-text">{{category.description}}</div>

								{% if category.categoryLink!=null %}
									<a href="{{category.categoryLink}}">
										Shop {{category.cat_name}}
									</a>
								{% else %}
									{% if category.has_child is defined and category.has_child %}
									<a href="{{ path('office_brain_search_bundle_browse_sub_category',{'_locale': app.request.locale ,'category_slug':category.slug }) }}">
										Shop {{category.cat_name}}
									</a>
									{% else %}
									<a href="{{ path('office_brain_search_bundle_browse_category_search',{'_locale': app.request.locale ,'category_slug':category.slug }) }}">
										Shop   {{category.cat_name}}
									</a>
									{% endif %}
								{% endif %}

							</div>
						</div>
					</div>
					{% endif %}
		    {% endfor %}
			{# {{ _self.recursiveCatgories(product_categories, countryLanguageId,route_category_type_with_child,route_category_type_without_child,0) }} #}
		</div>
		
	{% endif %}
{% endblock ajax_body %}