{# Site Footer (global, non-administrable) #}
<footer class="site-footer">

	<div class="site-footer__wrapper">
		<div class="site-footer__row-1">
			<a href="{{ path(app.request.locale == 'en' ? 'home_en' : 'home') }}" class="site-footer__logo">
				<img src="{{ asset('build/images/coming-soon/logo-galta.svg') }}" alt="Galta Architecte" class="site-footer__logo-image">
			</a>

			<nav class="site-footer__menu">
				{% for pageData in menu_pages %}
					<a href="{{ pageData.url }}" class="site-footer__menu-link">{{ pageData.title }}</a>
				{% endfor %}
			</nav>

			<div class="site-footer__actions">
				{# Contact button (hidden if the "contact" CMS page is unpublished) #}
				{% if contact_page_published %}
					{% set footer_cta_content %}{{ app.request.locale == 'fr' ? 'Contactez-nous' : 'Contact us' }}{% endset %}
					{{ include('components/_button.html.twig', {
                href: path(app.request.locale == 'en' ? 'page_show_en' : 'page_show', {slug: 'contact'}),
                content: footer_cta_content,
                variant: 'lined',
                extra_class: 'site-footer__cta',
            }) }}
				{% endif %}

				{% set instagram_content %}{% include 'components/_icon.html.twig' with {name: 'instagram', size: '18px', class: 'site-footer__social-icon'} only %}{% endset %}
				{{ include('components/_button.html.twig', {
                href: 'https://www.instagram.com/galta.archi/',
                content: instagram_content,
                variant: 'lined',
                extra_class: 'site-footer__social link-btn--icon-static',
                target: '_blank',
                rel: 'noopener noreferrer',
                aria_label: 'Instagram',
            }) }}
			</div>
		</div>

		<div
			class="site-footer__row-2">
			{# Theme toggle (placeholder, non-wired) #}
			{{ include('components/_theme_toggle.html.twig', {variant: 'light'}) }}

			<p class="site-footer__copyright">©Galta Architecte</p>

			<a href="{{ path(app.request.locale == 'en' ? 'page_show_en' : 'page_show', {slug: app.request.locale == 'en' ? 'legal-notice' : 'mentions-legales'}) }}" class="site-footer__legal-link">
				{{ app.request.locale == 'fr' ? 'Mentions légales' : 'Legal notice' }}
			</a>

			<span class="site-footer__year">{{ "now"|date('Y') }}</span>

			{# Language switcher (same structure/logic as _header.html.twig) #}
			<div class="site-footer__lang">
				{% set currentRoute = app.request.attributes.get('_route') %}
				{% set routeParams = switch_locale_params(app.request.attributes.get('_route_params')) %}

				{% if app.request.locale == 'fr' %}
					<button class="site-footer__lang-btn" aria-label="Changer la langue">
						<span>FR</span>
						{% include 'components/_icon.html.twig' with {name: 'chevron-down', width: '12px', height: '8px'} only %}
					</button>
					<div class="site-footer__lang-dropdown">
						<a href="{{ path(currentRoute ~ '_en', routeParams) }}" class="site-footer__lang-option">EN</a>
					</div>
				{% else %}
					<button class="site-footer__lang-btn" aria-label="Change language">
						<span>EN</span>
						{% include 'components/_icon.html.twig' with {name: 'chevron-down', width: '12px', height: '8px'} only %}
					</button>
					<div class="site-footer__lang-dropdown">
						<a href="{{ path(currentRoute|replace({'_en': ''}), routeParams) }}" class="site-footer__lang-option">FR</a>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</footer>