{{-- <!-- Cary: --}}
{{-- 1. 這邊搜尋功能你是標註班之前的來完成,所以就照原樣搬 --}}
{{-- 2. 由於版形變更,每頁會有兩個input search,綁的功能都是一樣的 --}}
{{-- 3. 購物車功能在麻煩你幫忙串接 --> --}}

@php use App\Libraries\CartChannel; @endphp

<header class="headerV3 bg-pink position-fixed top-0 start-0 w-100">
    <nav class="navbar navbar-expand-lg p-0">
        <div class="d-block container-fluid container-lg detaiInner py-3 py-lg-5 position-relative">

            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                {{-- hamburgerMenu --}}
                <div class="hamburgerMenu"><span></span><span></span><span></span></div>
            </button>

            <div class="text-center m-0 d-lg-none">
                <a class="navbar-brand d-block m-0" href="{{ route("foreground.home.index") }}">
                    <img src="/asset/images/common/logo.webp" alt="客製小姐" srcset="" width="121" height="42">
                </a>
            </div>

            <div class="collapse navbar-collapse mt-3 mt-lg-0" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0 justify-content-center w-100 align-items-lg-center">
                    <li class="nav-item px-lg-2 px-xl-4 border-end border-brown">
                        <a href="{{ route("foreground.home.index") }}"
                            @class([
                                "nav-link mb-3 mb-lg-0 me-lg-0",
                                "active" => ($current == "home")
                                ])
                            aria-current="page">
                            首頁
                        </a>
                    </li>
                    <li class="nav-item px-lg-2 px-xl-4 border-end border-brown">
                        <a href="{{ route("foreground.about.index") }}"
                            @class([
                            "nav-link mb-3 mb-lg-0 me-lg-0",
                            "active" => ($current == "about")
                            ])
                            aria-current="page">
                            關於我們
                        </a>
                    </li>
                    <li class="nav-item px-lg-2 px-xl-4">
                        <a href="{{ route("foreground.news.index") }}"
                            @class([
                            "nav-link mb-3 mb-lg-0 me-lg-0",
                            "active" => ($current == "news")
                            ])
                            aria-current="page">
                            最新消息
                        </a>
                    </li>
                    <li class="text-center m-0 d-none d-lg-block px-5">
                        <a class="navbar-brand d-block m-0" href="{{ route("foreground.home.index") }}">
                            <img src="/asset/images/common/logo.webp" alt="客製小姐" srcset="" width="200" height="70">
                        </a>
                    </li>
                    <li class="nav-item px-lg-2 px-xl-4">
                        <a href="{{ route("foreground.album.index") }}"
                            @class([
                            "nav-link mb-3 mb-lg-0 me-lg-0",
                            "active" => ($current == "album")
                            ])
                            aria-current="page">
                            服務項目
                        </a>
                    </li>
                    <li class="nav-item px-lg-2 px-xl-4 border-start border-brown">
                        <a href="{{ route("foreground.knowledge.index") }}"
                            @class([
                            "nav-link mb-3 mb-lg-0 me-lg-0",
                            "active" => ($current == "guide")
                            ])
                            aria-current="page">
                            客製小學堂
                        </a>
                    </li>
                    <li class="nav-item px-lg-2 px-xl-4 border-start border-brown">
                        <a href="{{ route("foreground.contact.create") }}"
                            @class([
                            "nav-link me-lg-0 ga_header_contact",
                            "active" => ($current == "contact_us")
                            ])
                            aria-current="page">
                            聯絡我們
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>
</header>
<div class="d-none d-lg-block" style="height: 136.63px;"></div>
<div class="d-lg-none" style="height: 68.83px;"></div>

@yield("titleBanner")