@persist('header')
<header class="header-nav nav-innerpage-style menu-home4 dashboard_header main-menu">
    <nav class="posr">
        <div class="container-fluid pr30 pr15-xs pl30 posr menu_bdrt1">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-auto">
                    <div class="text-center text-lg-start d-flex align-items-center">
                        <div class="dashboard_header_logo position-relative me-2 me-xl-5">
                            <a href="{{ route('welcome') }}" class="logo"><img src="{{ asset('logo.svg') }}" alt=""></a>
                        </div>
                        <div class="fz20 ml90">
                        </div>
                        @livewire('pages.search')
                    </div>
                </div>
                @if (session()->get('token'))
                <div class="col-6 col-lg-auto">
                    <div class="text-center text-lg-end header_right_widgets">
                        <ul class="dashboard_dd_menu_list d-flex align-items-center justify-content-center justify-content-sm-end mb-0 p-0">
                            <li class="d-none d-sm-block">
                                <a class="text-center mr80 text-thm2 dropdown-toggle fz20 title" href="{{ route('dashboard.chat')}}"><span class="flaticon-chat"></span>&nbsp; Chat</a>
                            </li>
                            <li class="d-none d-sm-block">
                                <a class="text-center mr80 text-thm2 dropdown-toggle fz20 title" href="{{ route('dashboard.task')}}"><span class="flaticon-briefcase"></span>&nbsp; Tasks</a>
                            </li>

                            <li class="user_setting">
                                <div class="dropdown">
                                    <a class="btn" href="#" data-bs-toggle="dropdown">
                                        @php
                                        $user = session()->get('user');
                                        $shop = session()->get('shop');
                                        $photo = $user['profile_photo_url'] ?? $shop['profile_photo_url'] ?? 'https://fixgini.com/favicon.ico';
                                        @endphp
                                        <img src="{{ $photo }}" style="width: 40px; height: 40px; object-fit: cover; border-radius: 50%;" alt="FixGini Services">
                                        <span class="ml4 title">{{ $user['name'] }}</span> <i class="fas fa-angle-down ml5"></i>
                                    </a>
                                    <div class="dropdown-menu">
                                        <div class="user_setting_content">
                                            <a class="dropdown-item" href="{{ route('dashboard.user') }}"><i class="flaticon-menu mr10"></i>Account</a>
                                            @if ($user['role'] == 'buyer')
                                            <a class="dropdown-item" href="{{ route('dashboard.favorite') }}"><i class="flaticon-review mr10"></i>Favorites</a>
                                            @else
                                            <a class="dropdown-item" href="{{ route('dashboard.review') }}"><i class="flaticon-review mr10"></i>Reviews</a>
                                            @endif
                                            <a class="dropdown-item" href="{{ route('dashboard.payment.history') }}"><i class="flaticon-income mr10"></i>Payments</a>
                                            <a class="dropdown-item" href="{{ route('dashboard.profile') }}"><i class="flaticon-success mr10"></i>Settings</a>
                                            <a class="dropdown-item" href="{{ route('dashboard.support') }}"><i class="flaticon-home mr10"></i>Support</a>

                                            <a href="{{ route('logout') }}" class="dropdown-item">
                                                <i class="flaticon-logout mr10"></i>Logout
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                @else
                <div class="col-6 col-lg-auto">
                    <div class="col-auto">
                        <div class="d-flex align-items-center">
                            <!-- <a class="login-info mr15-lg mr30" wire:navigate href="{{ route('login') }}">Login</a> -->
                            <a class="login-info mr15-lg mr30" href="{{ route('register') }}">Register</a>
                            <a class="ud-btn btn-white2 add-joining at-home10" href="#">Download</span> App</a>
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </nav>
</header>
@endpersist