{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_main %}

	<div class="container py-10">
		{% set variable = 13.25 %}
		{{ "footer.serviceHotline"|trans|sw_sanitize }}
	</div>

	{# <div class="container py-10">
		{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {type: 'success', content: 'Hello World!'} %}
	</div>
	
	<div style="max-width:640px;" class="containerpy-10">
		{{ dump() }}
		{% if page.cmsPage.type == "page" %}
			{% set seitentyp = "content-Seite" %}
		{% else %}
			{% set seitentyp = "sonstige Seite" %}
		{% endif %}
	
		<h1>Das ist eine
			{{seitentyp}}</h1>
		{{ page.cmsPage.type}}
	</div> #}

	<div class="container py-10">
		{{ dump() }}
		<h1>Navigation</h1>
		<ol>
			{% for item in page.header.navigation.tree %}
				<li>{{ item.category.translated.name}}</li>
			{% endfor %}
		</ol>
	</div>
	{{ parent() }}
{% endblock %}




{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}

{% block layout_header %}


	{% block layout_header_search %}
		<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
			<div class="row">
				<div class="col-sm-auto d-none d-sm-block d-lg-none">
					{% block layout_header_navigation_toggle_tablet %}
						<div class="nav-main-toggle">
							{% block layout_header_navigation_toggle_tablet_button %}
								<button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-off-canvas-menu="true" aria-label="{{ 'general.menuLink'|trans|striptags }}">
									{% block layout_header_navigation_toggle_tablet_button_icon %}
										{% sw_icon 'stack' %}
									{% endblock %}
								</button>
							{% endblock %}
						</div>
					{% endblock %}
				</div>
				<div class="col">
					{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
				</div>
			</div>
		</div>
	{% endblock %}

{% endblock %}




{# Override the base content for homepage #}
{% block base_main %}
	{% if page.header.navigation.tree %}
		{# Show homepage sections on the homepage/root page #}
		{% if controllerAction is same as('index') and controllerName is same as('Navigation') %}
			<main
				class="content-main asocut-homepage">
				{# Hero Section #}
				{% sw_include '@Storefront/storefront/page/content/hero-section.html.twig' %}

				{# Services Section #}
				{% sw_include '@Storefront/storefront/page/content/services-section.html.twig' %}

				{# Pricing Section #}
				{% sw_include '@Storefront/storefront/page/content/pricing-section.html.twig' %}

				{# Projects Section #}
				{% sw_include '@Storefront/storefront/page/content/projects-section.html.twig' %}

				{# Testimonials Section #}
				{% sw_include '@Storefront/storefront/page/content/testimonials-section.html.twig' %}

				{# Contact CTA Section #}
				{% sw_include '@Storefront/storefront/page/content/contact-cta-section.html.twig' %}
			</main>
		{% else %}
			{# For all other pages, show default content #}
			{{ parent() }}
		{% endif %}
	{% else %}
		{{ parent() }}
	{% endif %}
{% endblock %}




	{% block layout_header_navigation %}
		<div class="row align-items-center header-row">
			{% block layout_header_logo %}
				<div class="col-12 col-lg-auto header-logo-col pb-sm-2 my-3 m-lg-0">
					{% sw_include '@OnlineshopTheme/storefront/layout/header/logo.html.twig' %}

				</div>
			{% endblock %}

			{% block layout_header_search %}
				<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
					<div class="row">

						<div class="col">
							{% sw_include '@storefront/storefront/layout/header/search.html.twig' %}

						</div>
					</div>
				</div>
			{% endblock %}

			{% block layout_header_actions %}
				<div class="col-12 order-1 col-sm-auto order-sm-2 header-actions-col">
					<div class="row g-0">
						{% block layout_header_navigation_toggle %}
							<div class="col d-sm-none">
								<div class="menu-button">
									{% block layout_header_navigation_toggle_button %}
										<button class="btn nav-main-toggle-btn header-actions-btn" type="button" data-off-canvas-menu="true" aria-label="{{ 'general.menuLink'|trans|striptags }}">
											{% block layout_header_navigation_toggle_button_icon %}
												{% sw_icon 'stack' %}
											{% endblock %}
										</button>
									{% endblock %}
								</div>
							</div>
						{% endblock %}

						{% block layout_header_search_toggle %}
							<div class="col-auto d-sm-none">
								<div class="search-toggle">
									<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#searchCollapse" aria-expanded="false" aria-controls="searchCollapse" aria-label="{{ 'header.searchButton'|trans|striptags }}">
										{% sw_icon 'search' %}
									</button>
								</div>
							</div>
						{% endblock %}

						{% if config('core.cart.wishlistEnabled') %}
							{% block layout_header_actions_wishlist %}
								<div class="col-auto">
									<div class="header-wishlist">
										<a class="btn header-wishlist-btn header-actions-btn" href="{{ path('frontend.wishlist.page') }}" title="{{ 'header.wishlist'|trans|striptags }}" aria-labelledby="wishlist-basket-live-area">
											{% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
										</a>
									</div>
								</div>
							{% endblock %}
						{% endif %}

						{% block layout_header_actions_account %}
							<div class="col-auto">
								<div class="account-menu">
									{% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
								</div>
							</div>
						{% endblock %}

						{% block layout_header_actions_cart %}
							<div class="col-auto">
								<div class="header-cart" data-off-canvas-cart="true">
									<a class="btn header-cart-btn header-actions-btn" href="{{ path('frontend.checkout.cart.page') }}" data-cart-widget="true" title="{{ 'checkout.cartTitle'|trans|striptags }}" aria-labelledby="cart-widget-aria-label" aria-haspopup="true">
										{% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
									</a>
								</div>
							</div>
						{% endblock %}
					</div>
				</div>
			{% endblock %}
		</div>
	{% endblock %}


		{# <div class="row g-4">
																						<div class="col-lg-3 col-md-6 text-center">
																							<div class="mb-3">
																								<i class="bi bi-shield-check" style="font-size: 2.5rem; color: var(--asocut-orange);"></i>
																							</div>
																							<h5 class="text-dark">Premium Quality</h5>
																							<p class="text-muted">All products meet international standards and certifications</p>
																						</div>
																						<div class="col-lg-3 col-md-6 text-center">
																							<div class="mb-3">
																								<i class="bi bi-truck" style="font-size: 2.5rem; color: var(--asocut-orange);"></i>
																							</div>
																							<h5 class="text-dark">Fast Shipping</h5>
																							<p class="text-muted">Free shipping on orders over $50, delivered within 2-3 days</p>
																						</div>
																						<div class="col-lg-3 col-md-6 text-center">
																							<div class="mb-3">
																								<i class="bi bi-arrow-counterclockwise" style="font-size: 2.5rem; color: var(--asocut-orange);"></i>
																							</div>
																							<h5 class="text-dark">Easy Returns</h5>
																							<p class="text-muted">30-day money-back guarantee on all products</p>
																						</div>
																						<div class="col-lg-3 col-md-6 text-center">
																							<div class="mb-3">
																								<i class="bi bi-headset" style="font-size: 2.5rem; color: var(--asocut-orange);"></i>
																							</div>
																							<h5 class="text-dark">24/7 Support</h5>
																							<p class="text-muted">Expert customer service team ready to help anytime</p>
																						</div>
																					</div> #}