@php
    $urlFor = function (string $slug) {
        return $slug === 'home' ? url('/') : url('/' . $slug);
    };

    $isActive = function (string $slug) use ($currentPageSlug) {
        return $currentPageSlug === $slug ? 'current' : '';
    };
@endphp

<style>
    .logo-menu-bg .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
</style>


<header>
    <div class="header-top">
        <div class="container">
            <div class="row">
                
                <div class="col-lg-7 col-md-8">
                    <div class="header-top-info">
                        <span>
                            Open hours: {{ $contact['from_time'] ?? '00:00' }} - {{ $contact['to_time'] ?? '00:00' }}
                        </span>
                        <div class="social-links">
                            @if(!empty($contact['facebook_url']))
                                <a href="{{ $contact['facebook_url'] }}" target="_blank"><i class="fa fa-facebook"></i></a>
                            @endif
                            @if(!empty($contact['google_url']))
                                <a href="{{ $contact['google_url'] }}" target="_blank"><i class="fa fa-google-plus"></i></a>
                            @endif
                            @if(!empty($contact['twitter_url']))
                                <a href="{{ $contact['twitter_url'] }}" target="_blank"><i class="fa fa-twitter"></i></a>
                            @endif
                            @if(!empty($contact['linkedin_url']))
                                <a href="{{ $contact['linkedin_url'] }}" target="_blank"><i class="fa fa-linkedin"></i></a>
                            @endif
                            @if(!empty($contact['instagram_url']))
                                <a href="{{ $contact['instagram_url'] }}" target="_blank"><i class="fa fa-instagram"></i></a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    <!--Logo Mainmenu Start-->
    <div class="header-logo-menu sticker">
        <div class="container">
            <div class="logo-menu-bg">
                <div class="row">
                    <div class="col-lg-3 col-md-12">
                        <div class="logo">
                            <a href="{{ url('/') ?? '' }}"><img src="{{ $contact['image'] ?? '' }}" alt="School Logo" style="height:60px"></a>
                        </div>
                    </div>
                    <div class="col-lg-9 d-none d-lg-block">
                        <div class="mainmenu-area">
                            <div class="mainmenu">
                                <nav>
                                    <ul id="nav">
                                        @foreach(($pageNav ?? []) as $p)
                                            @php
                                                $slug  = $p['page'];
                                                $label = $p['title'] ?? \Illuminate\Support\Str::title(str_replace('-', ' ', $slug));
                                            @endphp

                                            <li class="{{ $isActive($slug) }}"><a href="{{ $urlFor($slug) }}">{{ e($label) }}</a></li>
                                        @endforeach
                                    </ul>
                                </nav>
                            </div>
                        </div>    
                    </div>
                </div>
            </div>
        </div>
    </div>  
    <!--End of Logo Mainmenu-->
    <!-- Mobile Menu Area start -->
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul>
                                @foreach(($pageNav ?? []) as $p)
                                    @php
                                        $slug  = $p['page'];
                                        $label = $p['title'] ?? \Illuminate\Support\Str::title(str_replace('-', ' ', $slug));
                                    @endphp

                                    <li class="{{ $isActive($slug) }}"><a href="{{ $urlFor($slug) }}">{{ e($label) }}</a></li>
                                @endforeach
                            </ul>
                        </nav>
                    </div>					
                </div>
            </div>
        </div>
    </div>
    <!-- Mobile Menu Area end -->  
</header>