{{-- Footer por defecto --}}
<footer id="footer" class="overflow-hidden border-0 m-0">
	<div class="container pt-5">
		<div class="row pt-4 mb-5 gy-4">
			<div class="col-lg-2 align-self-center">
				<a href="{{ route('home') }}">
					<img alt="{{ config('site.assets.main_logo_alt') }}" class="img-fluid logo" width="123" height="48" src="{{ asset(config('site.assets.main_logo')) }}">
				</a>
			</div>
			<div class="col-lg-4 offset-lg-1">
				<h4 class="text-color-dark font-weight-bold mb-4-5">Navigation</h4>
				<ul class="list list-unstyled columns-lg-2">
					<li>
						<a href="{{ route('home') }}" class="text-color-hover-primary">
							{{ __('Inicio') }}
						</a>
					</li>
					<li>
						<a href="#" class="text-color-hover-primary">
							{{ __('Empresa') }}
						</a>
					</li>
					<li>
						<a href="#" class="text-color-hover-primary">
							{{ __('Servicios') }}
						</a>
					</li>
					<li>
						<a href="#" class="text-color-hover-primary">
							{{ __('Proyectos') }}
						</a>
					</li>
					<li>
						<a href="#" class="text-color-hover-primary">
							{{ __('Blog') }}
						</a>
					</li>
					<li>
						<a href="#" class="text-color-hover-primary">
							{{ __('Contacto') }}
						</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-5">
				<h4 class="text-color-dark font-weight-bold mb-4-5">{{ __('Newsletter') }}</h4>
				<div class="newsletter">
					<div class="alert alert-success d-none" id="newsletterSuccess">
						<strong>{{ __('Success!') }}</strong> {{ __('You\'ve been added to our email list.') }}
					</div>
					<div class="alert alert-danger d-none" id="newsletterError"></div>
					<form id="newsletterForm" action="#" method="POST" class="mb-4-5">
						<div class="input-group">
							<input class="form-control border-0" placeholder="{{ __('Email Address...') }}" name="newsletterEmail" id="newsletterEmail" type="email">
							<button class="btn btn-primary px-3" type="submit">
								<i class="fas fa-arrow-right"></i>
							</button>
						</div>
					</form>
				</div>
				<ul class="list list-unstyled list-inline">
					<li class="list-inline-item d-inline-flex align-items-center">
						<i class="fas fa-phone text-primary me-2"></i>
						<a href="tel:{{ config('site.contact.phone') }}" class="text-decoration-none text-color-dark text-color-hover-primary font-weight-bold text-3-5 ms-2">{{ config('site.contact.phone') }}</a>
					</li>
					<li class="list-inline-item d-inline-flex align-items-center ms-0 ms-sm-4 ms-lg-1 ms-xl-4">
						<i class="fas fa-envelope text-primary me-2"></i>
						<a href="mailto:{{ config('site.contact.email') }}" class="text-decoration-none text-color-dark text-color-hover-primary font-weight-bold text-3-5 ms-2">{{ config('site.contact.email') }}</a>
					</li>
				</ul>
			</div>
		</div>

		<hr>

		<div class="footer-copyright bg-transparent pb-5 mt-5-5">
			<div class="row pb-5">
				<div class="col text-center mb-5">
					<p class="text-color-grey text-3 mb-3">{{ config('site.name') }} © {{ date('Y') }}. {{ __('All Rights Reserved.') }}</p>
					<ul class="footer-social-icons social-icons social-icons-clean social-icons-medium mb-5">
						@foreach(config('site.social_media') as $key => $social)
							@if($social['active'])
								<li class="social-icons-{{ $key }}">
									<a href="{{ $social['url'] }}" target="_blank" title="{{ $social['title'] }}">
										<i class="{{ $social['icon'] }} text-4"></i>
									</a>
								</li>
							@endif
						@endforeach
					</ul>
				</div>
			</div>
		</div>

	</div>
</footer>