@php
$footerSetting = \App\Models\Setting::firstOrCreate([], ['slug' => (string) Str::orderedUuid()]);
@endphp
<footer class="footer">
    <div class="container pt-5">
        <div class="row">
            
            <div class="col-sm-4">
                <div class="widget d-flex flex-column justify-content-between">
                    
                    @if ($footerSetting?->logo)
                    <div class="mb-4">
                        <a class="logo" href="{{route("welcome")}}">
                            <img src="{{ asset('storage/settings/'. $footerSetting?->logo) }}" alt="Site logo" height="74">
                        </a>
                    </div>
                    @else
                    <a class="logo mb-4" href="{{route("welcome")}}">
                        {{ env("APP_NAME") }}
                    </a> 
                    @endif
                </div>
            </div>

            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="text-capitalize mb-4">Contactez-nous</h4>                    
                    <ul class="list-unstyled footer-menu lh-35">
                        <li><a href="mailto:{{ $footerSetting->email }}">{{ $footerSetting->email }}</a></li>
                        <li><a href="tel:{{ $footerSetting->phone }}">{{ $footerSetting->phone }}</a></li>
                    </ul>
                </div>
            </div>

            
            
            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="text-capitalize mb-4">Liens rapides</h4>                    
                    <ul class="list-unstyled footer-menu lh-35">
                        <li><a href="{{ route('services') }}">Domaines d'activités</a></li>
                        <li><a href="{{ route('about') }}">A propos</a></li>
                        <li><a href="{{ route('contacts') }}">Contacts</a></li>
                    </ul>
                </div>
            </div>
            
            
        </div>
        
        <div class="footer-btm pt-3">
            <div class="row">
                <div class="col-lg-6">
                    <div class="copyright">
                        Copyright &copy; {{ date('Y') }}, Conçu &amp; développé par <a target="__blank" href="https://jbc.cd/">JBC</a>
                    </div>
                </div>
                
                @if ($footerSetting->facebook or $footerSetting->twitter or $footerSetting->instagram or $footerSetting->linkedin)
                <div class="col-lg-6 text-left text-lg-right">
                    <ul class="list-inline footer-socials">
                        <li class="list-inline-item">
                            @if ($footerSetting->facebook)
                            <a href="{{ $footerSetting->facebook }}" target="__blank" aria-label="facebook">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                            @endif
                        </li>
                        <li class="list-inline-item">
                            @if ($footerSetting->twitter)
                            <a href="{{ $footerSetting->twitter }}" target="__blank" aria-label="twitter">
                                <i class="fab fa-twitter"></i>
                            </a>
                            @endif
                        </li>
                        <li class="list-inline-item">
                            @if ($footerSetting->instagram)
                            <a href="{{ $footerSetting->instagram }}" target="__blank" aria-label="instagram">
                                <i class="fab fa-instagram"></i>
                            </a>
                            @endif
                        </li>
                        <li class="list-inline-item">
                            @if ($footerSetting->linkedin)
                            <a href="{{ $footerSetting->linkedin }}" target="__blank" aria-label="linkedin">
                                <i class="fab fa-linkedin"></i>
                            </a>
                            @endif
                        </li>
                        
                    </ul>
                </div>
                @endif
                
            </div>
        </div>
    </div>
</footer>


<!--Scroll to top-->
<div id="scroll-to-top" class="scroll-to-top">
    <span class="icon fa fa-angle-up"></span>
</div>