@php
    $setting = \App\Models\Page::getSetting();
@endphp
<header class="headerBg">
    <div class="main-navigate">

        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <ul class="socialLinks">
                            <li><span>Follow Us:</span></li>
                            <li><a href="{{ $setting->facebook }}"><i class="fab fa-facebook-f"></i></a></li>
{{--                            <li><a href="{{ $setting->twitter }}"><i class="fab fa-twitter"></i></a></li>--}}
{{--                            <li><a href="{{ $setting->pinterest }}"><i class="fab fa-pinterest"></i></a></li>--}}
                            <li><a href="{{ $setting->instagram }}"><i class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="links">

                            <li><a href="mailto:{{ $setting->email }}"><i
                                        class="fas fa-envelope"></i><span>{{ $setting->email }}</span></a></li>
                            <li><a href="tel:{{ $setting->phone }}"><i
                                        class="fas fa-phone"></i><span>{{ $setting->phone }}</span></a></li>


                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="an-navbar">
            <div class="container">
                <nav class="navbar navbar-expand-lg p-0">
                    <a class="navbar-brand d-md-none d-block" href="{{ route('front.home') }}">
                        <img src="{{ asset('images/logo.png') }}" alt="img">
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <button class="btn btn-menu" id="menuBtn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button>
                            </li>
                            <li class="nav-item d-md-block d-none">
                                <a class="nav-link centerLogo" href="{{ route('front.home') }}"><img
                                        src="{{ asset('images/logo.png') }}"
                                        class="img-fluid" alt="img"></a>
                            </li>
                            @auth
                                <li class="nav-item">
                                    <div class="userProfile-option dropdown">
                                        <img src="{{ asset('images/user1.png') }}" alt="image" class="img-fluid">
                                        <div class="userProfile-name">
                                            <a class="nav-link d-block dropdown-toggle" href="{{ route('customer.dashboard') }}" id="navbarDropdown"
                                               role="button" data-toggle="dropdown"
                                               aria-expanded="false">
                                                {{ auth()->user()->name }}
                                            </a>
                                            <div class="dropdown-menu">
                                                <a class="dropdown-item" href="{{ route('customer.dashboard') }}">Profile</a>
                                                <a class="dropdown-item"
                                                   href="{{ route('customer.logout') }}">Logout</a>
                                            </div>
                                        </div>

                                    </div>
                                </li>

                            @else

                                <li class="nav-item">
                                    <button class="btn themeBtn light" data-toggle="modal" data-target="#loginPopup"><i
                                            class="far fa-user mr-1"></i> Login
                                    </button>
                                    <a href="{{ route('comedian.network') }}" data-toggle="modal" data-target="#signupPopup" class="btn themeBtn">Sign Up</a>
                                    {{--                                    <a href="#" class="btn themeBtn" data-toggle="modal" data-target="#signupPopup">Sign Up</a>--}}
                                </li>
                            @endauth
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</header>

<menu>
    <div class="container">
        <ul>
            <li><a href="{{ route('front.home') }}">Home</a></li>
            <li><a href="{{ route('events') }}">Events</a></li>
            <li><a href="{{ route('calender') }}">Calendar</a></li>
            <li><a href="{{ route('vibe') }}">What’s Your Vibe</a></li>
            <li><a href="{{ route('meet.the.comics') }}">Spotlight Comics</a></li>
            <li><a href="https://comedyinaustin.beehiiv.com/subscribe" target="_blank">Newsletter</a></li>
            <li><a href="{{ route('about') }}">About Us</a></li>
            <li><a href="{{ route('funny.fund') }}">Funny Fund</a></li>
            <li><a href="{{ route('comedian.network') }}">comedian network</a></li>






            <li><a href="#"></a></li>


            {{--            @if (Auth::check())--}}
            {{--            @endif--}}
{{--            <li><a href="{{ route('featured') }}">Featured</a></li>--}}
        </ul>
    </div>
</menu>