<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- Pre loader start -->
<!--<div id="preloader">-->
<!--    <div class="sk-three-bounce">-->
<!--        <div class="sk-child sk-bounce1"></div>-->
<!--        <div class="sk-child sk-bounce2"></div>-->
<!--        <div class="sk-child sk-bounce3"></div>-->
<!--    </div>-->
<!--</div>-->
<!-- Pre loader end -->

@if(setting('back_to_top','permission'))
    <!-- Backtotop start -->
    <div class="back-to-top-wrap coinefy cursor-pointer">
        <svg class="backtotop-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- Backtotop end -->
@endif

<!-- Offcanvas area start -->
<div class="fix">
    <div class="offcanvas-area">
        <div class="offcanva-wrapper">
            <div class="offcanvas-content">
                <div class="offcanvas-top d-flex justify-content-between align-items-center">
                    <div class="offcanvas-logo">
                        <a href="{{ route('home') }}" src="{{ asset(setting('site_logo','global')) }}" alt="logo not found">
                        </a>
                    </div>
                    <div class="offcanvas-close">
                        <button class="offcanvas-close-icon animation--flip">
                               <span class="offcanvas-m-lines">
                                   <span class="offcanvas-m-line line--1"></span><span class="offcanvas-m-line line--2"></span><span class="offcanvas-m-line line--3"></span>
                               </span>
                        </button>
                    </div>
                </div>
                <div class="mobile-menu fix"></div>
                <div class="offcanvas-content">

                    <div class="offcanvas-btn mb-3">
                        @auth('web')
                            <a class="site-btn secondary-btn btn-xxs" href="{{ route('user.dashboard') }}">{{ __('Dashboard') }}</a>
                        @else
                            <div class="offcanvas-header-btn-wrap d-flex flex-wrap gap-2">
                                <a class="shape-shifter-btn" href="{{ route('login') }}">
                                    <div class="btn-hover-slide">
                                        <span>{{ __('Login') }}</span>
                                    </div>
                                </a>
                                <a class="shape-shifter-btn primary-btn" href="{{ route('register') }}">
                                    <div class="btn-hover-slide">
                                        <span>{{ __('Register') }}</span>
                                    </div>
                                </a>
                            </div>
                        @endauth
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="offcanvas-overlay"></div>
<div class="offcanvas-overlay-white"></div>
<!-- Offcanvas area end -->

<!-- Header area start -->
<header style="height: 100px;">
    <!-- Header section start -->
    <div style="width: -moz-available; width: -webkit-fill-available;" class="header-area header-style-five" id="header-sticky">
        <div class="header-inner">
            <div class="header-logo">
                <a href="{{ route('home') }}">
                    <img src="{{ asset(setting('site_logo','global')) }}" alt="Logo not found">
                </a>
            </div>
            <div id="google_translate_element"></div>
            <div class="header-menu d-none d-lg-inline-flex">
                <nav class="td-main-menu" id="mobile-menu">
                    <ul>
                        @foreach($navigations as $navigation)
                            @if($navigation->page->status|| $navigation->page_id == null)
                                <li class="@if(url($navigation->url) == Request::url() ) active @endif">
                                    <a href="{{ url($navigation->url) }}">{{ $navigation->tname }}</a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </nav>
            </div>
            <div class="header-right">
                <div class="header-action">
                    <div class="header-btn-wrap d-none d-md-inline-flex">
                        <div class="header-lang-item header-lang">
                        <div id="google_translate_element"></div>
                        </div>
                    @auth('web')
                            <a class="shape-shifter-btn primary-btn" href="{{ route('user.dashboard') }}">
                                <div class="btn-hover-slide">
                                    {{ __('Dashboard') }}
                                </div>
                            </a>
                        @else
                            <a class="shape-shifter-btn" href="{{ route('login') }}">
                                <div class="btn-hover-slide">
                                    {{ __('Login') }}
                                </div>
                            </a>
                            <a class="shape-shifter-btn primary-btn" href="{{ route('register') }}">
                                <div class="btn-hover-slide">
                                    {{ __('Register') }}
                                </div>
                            </a>
                    </div>
                    @endauth
                    <div class="header-hamburger d-lg-none">
                        <a class="sidebar-toggle" href="javascript:void(0)">
                            <span class="menu-icon"><span></span></span>
                        </a>
                        <div id="google_translate_element"></div>
                    </div>
                </div>
                <div class="color-switcher">
                    <i icon-name="moon" class="dark-icon" data-mode="dark"></i>
                    <i icon-name="sun" class="light-icon" data-mode="light"></i>
                </div>
            </div>
        </div>
    </div>
    <!-- Header section end -->
</header>
