{{-- Footer demo-medical — 4 columnas adaptadas de Porto medical (Okler).
     Location | Opening Hours | Emergency / Phone | Social Media
     Todo dinámico desde settings del tenant. --}}
<footer id="footer" class="m-0">
	<div class="container">
		<div class="row pt-5 pb-4">

			{{-- ── 1. Location ────────────────────────────────── --}}
			<div class="col-md-6 col-lg-3 mb-4 mb-lg-2">
				<h4 class="mb-4 text-color-light">{{ config('site.footer.location_heading', __('Ubicación')) }}</h4>
				<p>
					<strong class="d-block text-color-light mb-2">{{ config('site.name') }}</strong>
					@if(config('site.contact.address'))
						{{ config('site.contact.address') }}<br>
					@endif
					@if(config('site.contact.city'))
						{{ config('site.contact.city') }}<br>
					@endif
					@if(config('site.contact.phone'))
						{{ __('Teléfono') }}: {{ config('site.contact.phone') }}
					@endif
				</p>
			</div>

			{{-- ── 2. Opening Hours ──────────────────────────── --}}
			<div class="col-md-6 col-lg-3 mb-4 mb-lg-2">
				<h4 class="mb-4 text-color-light">{{ config('site.footer.hours_heading', __('Horarios')) }}</h4>
				@php
					$hoursWeekday = config('site.contact.hours_weekday', 'Lun-Vie: 8:30 a 19:00');
					$hoursSaturday = config('site.contact.hours_saturday', 'Sábado: 9:00 a 13:00');
					$hoursSunday = config('site.contact.hours_sunday', 'Domingo: cerrado');
				@endphp
				@if($hoursWeekday)
					<div class="info custom-info">
						@php $parts = explode(':', $hoursWeekday, 2); @endphp
						<span>{{ trim($parts[0]) }}</span>
						<span>{{ trim($parts[1] ?? '') }}</span>
					</div>
				@endif
				@if($hoursSaturday)
					<div class="info custom-info">
						@php $parts = explode(':', $hoursSaturday, 2); @endphp
						<span>{{ trim($parts[0]) }}</span>
						<span>{{ trim($parts[1] ?? '') }}</span>
					</div>
				@endif
				@if($hoursSunday)
					<div class="info custom-info">
						@php $parts = explode(':', $hoursSunday, 2); @endphp
						<span>{{ trim($parts[0]) }}</span>
						<span>{{ trim($parts[1] ?? '') }}</span>
					</div>
				@endif
			</div>

			{{-- ── 3. Emergency / contacto directo ───────────── --}}
			<div class="col-md-6 col-lg-3 mb-4 mb-lg-2">
				<div class="contact-details">
					<h4 class="mb-4 text-color-light">{{ config('site.footer.emergency_heading', __('Urgencias')) }}</h4>
					@if(config('site.contact.emergency_phone'))
						<a class="text-decoration-none" href="tel:{{ preg_replace('/[^0-9+]/', '', config('site.contact.emergency_phone')) }}">
							<label class="font-weight-light">{{ __('Llamada de urgencia 24hs') }}</label>
							<strong class="font-weight-light">{{ config('site.contact.emergency_phone') }}</strong>
						</a>
					@elseif(config('site.contact.phone'))
						<a class="text-decoration-none" href="tel:{{ preg_replace('/[^0-9+]/', '', config('site.contact.phone')) }}">
							<label class="font-weight-light">{{ __('Llamar al consultorio') }}</label>
							<strong class="font-weight-light">{{ config('site.contact.phone') }}</strong>
						</a>
					@endif
					@if(config('site.contact.email'))
						<a class="text-decoration-none d-block mt-3" href="mailto:{{ config('site.contact.email') }}">
							<label class="font-weight-light d-block">{{ __('Escribinos') }}</label>
							<span class="text-color-light">{{ config('site.contact.email') }}</span>
						</a>
					@endif
				</div>
			</div>

			{{-- ── 4. Social Media ──────────────────────────── --}}
			<div class="col-md-6 col-lg-3 mb-4 mb-lg-2">
				<h4 class="mb-4 text-color-light">{{ config('site.footer.social_heading', __('Seguinos')) }}</h4>
				<x-social-icons theme="dark" size="md" classes="social-icons mb-0" />
				@if(config('site.footer.description'))
					<p class="mt-3 text-3">{{ config('site.footer.description') }}</p>
				@endif
			</div>
		</div>
	</div>

	{{-- ── Copyright bar ──────────────────────────────────── --}}
	<div class="footer-copyright pt-3 pb-3">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center m-0">
					<p>
						&copy; {{ date('Y') }} {{ config('site.name') }}.
						{{ config('site.footer.copyright_text', __('Todos los derechos reservados.')) }}
					</p>
				</div>
			</div>
		</div>
	</div>
</footer>