@php
$user = \App\Models\User::find(session('user.id'));
@endphp

<div class="row dash-head align-items-center py-2 px-3">
    <div class="col-12 col-md-4 d-flex gap-3 align-items-center mb-4 mb-md-0">
        <label for="sidebarToggle" class="btn toggle-btn">
            <i class="bi bi-list fs-4"></i>
        </label>
        <div class="dash-title">
            <small>Pages / <b>@yield('page')</b></small>
            <h3 class="mb-0">@yield('page')</h3>
        </div>
    </div>

    <div class="col-12 col-md-8">
        <div class="row align-items-center">
            <div class="col-12 col-md-7 mb-4 mb-md-0 search-bar">
                <!-- <div class="input-group">
                    <span class="input-group-text bg-white border-end-0"><i class="bi bi-search"></i></span>
                    <input type="text" class="form-control border-start-0" placeholder="Search here...">
                </div> -->
            </div>

            <div class="col-12 col-md-5 d-flex justify-content-md-end align-items-center gap-3">
                <div style="position:relative;">

                    <div class="notification-bell" id="notify-bell" style="cursor:pointer;">
                        <i class="bi bi-bell"></i> <span id="sales-notify-count">0</span>
                    </div>

                    <!-- Notification Popup -->
                    <div id="notification-popup" style="display:none; position:absolute; right:0; top:35px; width:320px;
                        background:#fff; border:1px solid #ddd; border-radius:8px;
                        box-shadow:0 5px 15px rgba(0,0,0,0.15); z-index:1000;">

                        <div style="padding:10px; font-weight:bold; border-bottom:1px solid #eee;">
                            Notifications
                        </div>

                        <ul id="sales-notify-list"
                            style="list-style:none; margin:0; padding:0; max-height:300px; overflow-y:auto;"></ul>

                    </div>

                </div>
                <div class="dropdown">
                    <a class="d-flex align-items-center text-decoration-none gap-2 dropdown-toggle" href="#"
                        role="button" data-bs-toggle="dropdown">
                        <img src="{{ asset('assets/img/vikas.png') }}" class="rounded-circle" width="40" height="40">
                        <div class="d-none d-md-block">
                            <strong>{{ $user->name ?? 'Guest' }}</strong>
                        </div>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li><a class="dropdown-item" href="{{ route('vendor.edit', $user->id ) }}"><i class="bi bi-person-circle me-2"></i>Profile</a></li>
                        <li><a class="dropdown-item" href="#"><i class="bi bi-gear me-2"></i>Settings</a></li>
                        <li>
                            <hr class="dropdown-divider">
                        </li>
                        <li>
                            <form action="{{ route('logout') }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="dropdown-item text-danger"><i
                                        class="bi bi-box-arrow-right me-2"></i> Logout</button>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>