@php
$headerSetting = \App\Models\Setting::first();
@endphp

<div class="header-top">
    <div class="container">
        <div class="row justify-content-between align-items-center">
            
            @if ($headerSetting?->facebook or $headerSetting?->twitter or $headerSetting?->instagram or $headerSetting?->linkedin)
            <div class="col-lg-2 col-md-4">
                <div class="header-top-socials text-center text-lg-left text-md-left">
                    @if ($headerSetting?->facebook)
                    <a href="{{ $headerSetting?->facebook }}" target="__blank" aria-label="facebook">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    @endif
                    
                    @if ($headerSetting?->twitter)
                    <a href="{{ $headerSetting?->twitter }}" target="__blank" aria-label="twitter">
                        <i class="fab fa-twitter"></i>
                    </a>
                    @endif
                    
                    @if ($headerSetting?->instagram)
                    <a href="{{ $headerSetting?->instagram }}" target="__blank" aria-label="instagram">
                        <i class="fab fa-instagram"></i>
                    </a>
                    @endif
                    
                    @if ($headerSetting?->linkedin)
                    <a href="{{ $headerSetting?->linkedin }}" target="__blank" aria-label="linkedin">
                        <i class="fab fa-linkedin"></i>
                    </a>
                    @endif
                </div>
            </div>
            @endif
            
            
            @if ($headerSetting?->email or $headerSetting?->phone)
            <div class="col-lg-10 col-md-8 text-center text-lg-right text-md-right">
                <div class="header-top-info mb-2 mb-md-0">
                    <a href="tel:{{ $headerSetting?->phone }}"> 
                        <i class="fas fa-phone-alt mr-2"></i>
                        <span>{{ $headerSetting?->phone }}</span>
                    </a>
                    <a href="mailto:support@gmail.com">
                        <i class="fas fa-envelope mr-2"></i>
                        <span>{{ $headerSetting?->email }}</span>
                    </a>
                </div>
            </div>
            @endif
            
            
        </div>
    </div>
</div>


<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light" id="navbar">
    <div class="container py-2">
        @if ($headerSetting?->logo)
        <a class="navbar-brand" href="{{route("welcome")}}">
            <img src="{{ asset('storage/settings/'. $headerSetting?->logo) }}" alt="Site logo" height="64">
        </a>                                            
        @else
        <a class="navbar-brand" href="{{route("welcome")}}">
            {{ env("APP_NAME") }}
        </a> 
        @endif
        
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse text-center" id="navbarMenu">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link {{ Route::currentRouteName() == 'welcome' ? 'active' : null }}" href="{{ route('welcome') }}">Accueil</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ Route::currentRouteName() == 'services' ? 'active' : null }}" href="{{ route('services') }}">Domaines d’activités</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ Route::currentRouteName() == 'about' ? 'active' : null }}" href="{{ route('about') }}">A propos</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{ Route::currentRouteName() == 'contacts' ? 'active' : null }}" href="{{ route('contacts') }}">Contacts</a>
                </li>
            </ul>
        </div>
                
    </div>  
</nav>