@php
    $currentUser = getUser();
@endphp

<div class="topbar d-flex align-items-center justify-content-between">
    @if(isset($is_inner_page))
    <a href="{{ $back ?? '' }}"><i class="fa-solid fa-arrow-left"></i> Back </a>
    @else
    <div class="d-flex align-items-center gap-4">
        <a href="#" class="d-block d-lg-none menu_toggler" id="toggler">
            <i class="fa-solid fa-bars" aria-hidden="true"></i>
        </a>
        <h4>{{ $title ?? '' }} 
            @if($title == 'Projects')
            <span>Hi, welcome back.</span>
            @endif
        </h4>
    </div>
    @endif

    <div class="mid_image_fields d-none d-md-block">
        @if(isset($is_draft_preview))
        @include('admin.projects.drafts.components.draft-header')
        @endif
        {{-- <ul>
            <li><a href="#"><i class="fa-solid fa-expand"></i></a></li>
            <li><a href="#"><i class="fa-solid fa-magnifying-glass-plus"></i></a></li>
            <li><a href="#"><i class="fa-solid fa-magnifying-glass-minus"></i></a></li>
            <li><a href="#"><i class="fa-solid fa-download"></i></a></li>
            <li class="approved"><a href="#"><i class="fa-solid fa-check"></i> Approved</a></li>
            <li class="approved"><a href="#"><i class="fa-solid fa-xmark"></i> Reject</a></li>
        </ul> --}}
    </div>
    <ul class="d-flex gap-4 p-0 m-0 align-items-center">
        @if(isset($search_bar))
        <li>
            <div class="search-first project-header-search-container">
                <div class="focusout-search-box">
                    <div class="search-box">
                        <div class="search-group clearfix">
                            <input type="text" placeholder="Search here..."
                                class="term-trigger-js form-control searchdata search_text"
                                data-view="grid">
                            <button type="button" class="search-btn search search-btn-trigger-js">
                                <i class="fa-solid fa-magnifying-glass"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <a href="#"><i class="fa-solid fa-magnifying-glass"></i></a> --}}
        </li>
        @endif
        <li><a href="#"> <i class="fa-regular fa-bell"></i></a></li>
        <li>
            <div class="dropdown">
                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="avatar">
                        <img src="{{ $currentUser->picture_url ?? asset('/assets/front/images/user.png') }}" alt="Author Avatar"/>
                    </span>
                </button>
                
                <ul class="dropdown-menu header-dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <h3 class="head-notifications">

                        @if (isAnonymousUser())
                            {{ session('referalUser')->name }} 
                            {{-- <span class="mail_text">
                                {{ session('referalUser')->email_address }} </span> --}}
                        @else
                            @if ($currentUser)
                                {{ $currentUser->full_name }} <span class="mail_text">
                                    {{ $currentUser->email }} </span>
                            @endif
                        @endif

                    </h3>
                    @if (!isAnonymousUser())
                  <li><a class="dropdown-item" href="{{ getRoute('settings.index') }}">Settings</a></li>
                  @auth(getCurrentGuard())
                    <li>
                        <a class="dropdown-item" href="javascript: void(0)" onclick="event.preventDefault();
                        document.getElementById('logout-form').submit();">Logout</a>
                        <form id="logout-form" action="{{ getRoute('logout') }}" method="POST"
                          style="display: none;">
                          @csrf
                        </form>
                    </li>
                  @endauth
                  @endif
                </ul>
              
            </div>
        </li>
    </ul>
</div>

<div class="mid_image_fields d-block d-md-none">
    @if(isset($is_draft_preview))
    @include('admin.projects.drafts.components.draft-header')
    @endif
    {{-- <ul>
        <li><a href="#"><i class="fa-solid fa-expand"></i></a></li>
        <li><a href="#"><i class="fa-solid fa-magnifying-glass-plus"></i></a></li>
        <li><a href="#"><i class="fa-solid fa-magnifying-glass-minus"></i></a></li>
        <li><a href="#"><i class="fa-solid fa-download"></i></a></li>
        <li class="approved"><a href="#"><i class="fa-solid fa-check"></i> Approved</a></li>
        <li class="approved ms-2"><a href="#"><i class="fa-solid fa-xmark"></i> Reject</a></li>
    </ul> --}}
</div>





{{-- <header class="nav-section">
    <div class="humburg-outer">
        <button type="button" class="hamburger animated" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
        </button>
    </div>
    <nav class="navbar navbar-default flex-show lefted">
        <div class="custom-container">
            <div class="navbar-header">

                <div class="left-data w-100">
                    <h2 class="navbar-header-h2">{{ $title ?? '' }}</h2>
                </div>
                <div class="right-action">
                    <ul class="right-action-ul">
                        @if (!isAnonymousUser() && $currentUser)
                            <li class="right-action-li">
                                <livewire:header.notification />
                            </li>
                        @endif
                        <li class="right-action-li mr-0">
                            <a href="#" class="login-droup" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="true">
                                <div class="client-prfl">
                                    <figure class="pro-circle-img-xxs">
                                        <img src="{{ $currentUser->picture_url ?? asset('/assets/front/images/user.png') }}"
                                            class="img-responsive">
                                    </figure>
                                </div>
                            </a>
                            <div class="header-included dropdown-menu pull-right profile-dropdown"
                                aria-labelledby="dropdownMenuButton">
                                <h3 class="head-notifications">

                                    @if (isAnonymousUser())
                                        {{ session('referalUser')->name }} <span class="mail_text">
                                            {{ session('referalUser')->email_address }} </span>
                                    @else
                                        @if ($currentUser)
                                            {{ $currentUser->full_name }} <span class="mail_text">
                                                {{ $currentUser->email }} </span>
                                        @endif
                                    @endif

                                </h3>
                                @if (!isAnonymousUser())
                                    <div class="profile_wrapper">
                                        <ul class="list-unstyled list-notificate">
                                            @auth(getCurrentGuard())
                                                <li>
                                                    <a href="javascript: void(0)" class="" onclick="event.preventDefault();
                                                                     document.getElementById('logout-form').submit();"><i
                                                            class="fas fa-sign-out-alt"></i> Logout</a>
                                                    <form id="logout-form" action="{{ getRoute('logout') }}" method="POST"
                                                        style="display: none;">
                                                        @csrf
                                                    </form>
                                                </li>
                                            @endauth
                                            <li>
                                                <!-- <a href="#" class=""><i class="fas fa-anchor"></i> Site Tour</a> -->
                                                <a href="{{ getRoute('settings.index') }}" class="right-icon-menua">
                                                    <i class="material-icons com-heder-icons">settings</i> Settings
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                @endif
                            </div>
                        </li>
                        <li>

                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header> --}}
@if (isExpiredAccount())
    <div class="d-flex justify-content-between p-3 text-white bg-danger">
        <p class="font-size-22">
            <i class="fa fa-clock"></i>
            Payment is past due. Subscription has been cancelled. Please reactivate your
            subscription for more designs.
        </p>
        <div class="">
            <a href="{{ getRoute('settings.index', ['tab' => 'Billing & subscriptions']) }}" class="btn text-white bg-color-orange">Click Here
                to Reactivate</a>
        </div>
    </div>
@endif