@php
    $customEventPagesShowmInFooter = $footerPages ?? [];
@endphp

<div class="bg-dark text-white py-3">
    <div class="container">
        <div class="d-flex flex-column flex-lg-row align-items-center justify-content-between g-3">
            <div>
                <p class="text-white text-lg-start text-center mb-0">Contact us: <a href="mailto:info@techne.me" class="link-inverse" target="_blank">info@techne.me</a></p>
                <p class="text-white text-lg-start text-center mb-0">Call us: <a href="tel:+201061233367" class="link-inverse" target="_blank">01061233367</a></p>
                <p class="text-white text-lg-start text-center mb-0"> © {{ date('Y') }} Techne {{ __('app.All rights reserved') }}</p>
            </div>
            <div>
                <ul class="list-unstyled d-flex flex-column flex-lg-row justify-content-center mb-0">
                    @foreach ($customEventPagesShowmInFooter as $customPage)
                        <li class="mx-2">
                            <a class="nav-link text-capitalize" href="{{ route('website.page', ['slug' => $customPage->slug]) }}">
                                {{ $customPage->header_title ? $customPage->header_title : $customPage->page_title }}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"><path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /></svg>
</div>