    <body>
        <header class="header-area">
            <div class="top-header">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-md-8">
                            <div class="city-temperature">
                                <i class="icofont-ui-weather"></i> <span>28.5<sup>c</sup></span> <b>Dubai</b>
                            </div>
                            <ul class="top-nav">
                                <li><a href="#">Blog</a>
                                </li>
                                <li><a href="#">Forums</a>
                                </li>
                                <li><a href="{{ route('contact.page') }}">Contact</a></li>
                                <li><a href="#">Advertisement</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-6 col-md-4 text-end">
                            <ul class="top-social">

                                @foreach ($socialLinks as $link)
                                    <li>
                                        <a href="{{ $link->url }}" target="_blank">
                                            <i class="{{ $link->icon }}"></i>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>


                            <div class="header-date"><i class="icofont-clock-time"></i> {{ now()->format('l, F d') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="navbar-area">
                <div class="sinmun-mobile-nav">
                    <div class="logo">
                        <a href="{{ route('home')}}"><img
                                src="{{ asset('assets/images/' . $siteSettings->site_logo) }}"
                                alt="logo"></a>
                    </div>
                </div>
                <div class="sinmun-nav">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">
                            <a class="navbar-brand"
                                href="{{ route('home')}}"><img
                                    src="{{ asset('assets/images/' . $siteSettings->site_logo) }}"
                                    alt="logo"></a>
                            <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"
                                style="display: block;">
                                <ul class="navbar-nav">
                                    <li class="nav-item"><a href="{{ route('home') }}"
                                            class="nav-link {{ request()->routeIs('home') ? 'active' : '' }}">Home</a>
                                    </li>
                                    <li class="nav-item"><a href="#" class="nav-link">Technology</a></li>
                                    {{-- <li class="nav-item"><a
                                            href="https://templates.envytheme.com/sinmun/default/post-category-5.html"
                                            class="nav-link">Video</a></li> --}}
                                    {{-- <li class="nav-item"><a
                                            href="https://templates.envytheme.com/sinmun/default/post-category-3.html"
                                            class="nav-link">Travel</a></li> --}}
                                    <li class="nav-item"><a href="{{ route('contact.page') }}"
                                            class="nav-link {{ request()->routeIs('contact.page') ? 'active' : '' }}">Conatct</a>
                                    </li>
                                    <li class="nav-item"><a href="{{ route('privacy.policy') }}"
                                            class="nav-link {{ request()->routeIs('privacy.policy') ? 'active' : '' }}">Privacy
                                            & Policy</a>
                                    </li>
                                    <li class="nav-item"><a href="{{ route('about.page') }}"
                                            class="nav-link {{ request()->routeIs('about.page') ? 'active' : '' }}">About</a>
                                    </li>
                                    {{-- <li class="nav-item">
                                        <a href="{{ route('home')}}#"
                                            class="nav-link">Pages</a>
                                        <ul class="dropdown-menu">
                                            <li class="nav-item">
                                                <a href="{{ route('home')}}#"
                                                    class="nav-link">Category Layout</a>
                                                <ul class="dropdown-menu">
                                                    <li class="nav-item"><a
                                                            href="https://templates.envytheme.com/sinmun/default/post-category-1.html"
                                                            class="nav-link">Category Layout 1</a></li>

                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{ route('home')}}#"
                                                    class="nav-link">Post Formate</a>
                                                <ul class="dropdown-menu">
                                                    <li class="nav-item"><a
                                                            href="https://templates.envytheme.com/sinmun/default/single-post-1.html"
                                                            class="nav-link">Single Post 1</a></li>

                                                </ul>
                                            </li>
                                            <li class="nav-item">
                                                <a href="{{ route('home')}}#"
                                                    class="nav-link">Gallery</a>
                                                <ul class="dropdown-menu">
                                                    <li class="nav-item"><a
                                                            href="https://templates.envytheme.com/sinmun/default/gallery-1.html"
                                                            class="nav-link">Gallery Layout 1</a></li>

                                                </ul>
                                            </li>
                                            <li class="nav-item"><a
                                                    href="https://templates.envytheme.com/sinmun/default/author.html"
                                                    class="nav-link">Author</a></li>

                                        </ul>
                                    </li> --}}
                                </ul>
                                <div class="others-options">
                                    <div class="d-inline-block">
                                        <a href="#"><i class="icofont-user-alt-5"></i></a>
                                    </div>
                                    <div class="header-search d-inline-block">
                                        <div class="nav-search">
                                            <div class="nav-search-button"><i class="icofont-ui-search"></i></div>
                                            <form action="{{ route('search') }}" method="GET">
                                                <span class="nav-search-close-button" tabindex="0">✕</span>
                                                <div class="nav-search-inner"><input name="search"
                                                        placeholder="Search here...."></div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            {{-- breaking news --}}
            {{-- <div class="breaking-news">
                <div class="container">
                    <div class="breaking-news-content clearfix">
                        <h6 class="breaking-title"><i class="icofont-flash"></i> Breaking News:</h6>
                        <div class="breaking-news-slides owl-carousel owl-theme owl-loaded owl-drag">



                            <div class="owl-stage-outer">
                                <div class="owl-stage"
                                    style="transform: translate3d(-2606px, 0px, 0px); transition: all; width: 6082px;">
                                    <div class="owl-item cloned" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-2.html">Netcix
                                                    cuts out the chill with an integrated personal trainer on
                                                    running.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item cloned" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-1.html">As
                                                    well as stopping goals, Cristiane Endler is opening doors for other
                                                    women.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-1.html">As
                                                    well as stopping goals, Cristiane Endler is opening doors for other
                                                    women.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item animated owl-animated-in flipInX active"
                                        style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-2.html">Netcix
                                                    cuts out the chill with an integrated personal trainer on
                                                    running.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-1.html">As
                                                    well as stopping goals, Cristiane Endler is opening doors for other
                                                    women.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item cloned" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-1.html">As
                                                    well as stopping goals, Cristiane Endler is opening doors for other
                                                    women.</a></p>
                                        </div>
                                    </div>
                                    <div class="owl-item cloned" style="width: 868.797px;">
                                        <div class="single-breaking-news">
                                            <p><a
                                                    href="https://templates.envytheme.com/sinmun/default/post-category-2.html">Netcix
                                                    cuts out the chill with an integrated personal trainer on
                                                    running.</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><i
                                        class="icofont-rounded-left"></i></button><button type="button"
                                    role="presentation" class="owl-next"><i
                                        class="icofont-rounded-right"></i></button></div>
                            <div class="owl-dots disabled"></div>
                        </div>
                    </div>
                </div>
            </div> --}}
            @if (isset($breakingNews) && $breakingNews->count())
                <div class="breaking-news">
                    <div class="container">
                        <div class="breaking-news-content clearfix">
                            <h6 class="breaking-title">
                                <i class="icofont-flash"></i> Breaking News:
                            </h6>

                            <div class="breaking-news-slides owl-carousel owl-theme">
                                @foreach ($breakingNews as $news)
                                    <div class="single-breaking-news">
                                        <p>
                                            <a href="{{ route('post.view', $news->slug) }}">
                                                {{ Str::limit($news->title, 90) }}
                                            </a>
                                        </p>
                                    </div>
                                @endforeach
                            </div>

                        </div>
                    </div>
                </div>
            @endif

        </header>
