@php
    $pages = \App\Models\Page::all();
    $telegram_link = \App\Helpers\Cache::settings('telegram_channel') ?? '#';
@endphp
<nav
    class="dark:bg-gray-900 px-2 sm:px-4 py-2.5 fixed w-full z-50 top-0 left-0 border-b border-gray-200 dark:border-gray-600 transition-all duration-300">
    <div class="container flex flex-wrap items-center justify-between mx-auto">
        <a href="{{ url('/') }}" class="flex items-center">
            <x-application-logo class="h-6 mr-3" />
        </a>
        <div class="flex md:order-2">
            <a href="{{ $telegram_link }}" target="_blank"
                class="flex items-center gap-2 px-4 py-2 text-white rounded-md bg-sky-500 hover:bg-sky-400"><img
                    src="/images/telegram.svg" alt="telegram" class="h-5 text-white">
                <span class="hidden lg:inline-block">Contact Support</span>
            </a>

            <button data-collapse-toggle="navbar-sticky" type="button"
                class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
                aria-controls="navbar-sticky" aria-expanded="false">
                <span class="sr-only">Open main menu</span>
                <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
                        clip-rule="evenodd"></path>
                </svg>
            </button>
        </div>
    </div>
</nav>