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

@php use App\Libraries\CartChannel; @endphp

<!-- headerV3 -->
<header class="headerV3 bg-white position-fixed top-0 start-0 w-100">
    <nav class="navbar navbar-expand-lg p-0">
        <div class="container-fluid container-lg detaiInner py-3">

            <div class="text-center m-auto">
                <a class="navbar-brand d-block m-0" href="{{ route("foreground.home.index") }}">
                    <img src="/asset/images/common/logo.webp" alt="兆元設計 ZHAOYUAN" width="157" height="50">
                </a>
            </div>

            <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="collapse navbar-collapse mt-3 mt-lg-0" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0 justify-content-end w-100">
                    <li class="nav-item">
                        <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 ms-lg-3 ms-xl-4">
                        <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 ms-lg-3 ms-xl-4">
                        <a href="{{ route("foreground.album.index") }}"
                            @class([
                            "nav-link mb-3 mb-lg-0 me-lg-0",
                            "active" => ($current == "collections")
                            ])
                            aria-current="page">
                            作品集
                        </a>
                    </li>
                    <li class="nav-item ms-lg-3 ms-xl-4 dropdown dropdownTitle">
                        <button class="d-flex nav-link mb-0 me-lg-0 text-brown-dark text-decoration-none border-0 bg-white" href="{{ route("foreground.product.normal.index") }}">
                            <a class="text-brown-dark text-decoration-none" href="{{ route("foreground.product.normal.index") }}">服務項目</a>
                            <div class="ms-2 dropdown-toggle"></div>
                        </button>
                        {{-- <a class="nav-link mb-0 me-lg-0 dropdown-toggle ms-2" data-bs-toggle="dropdown" aria-expanded="false" href="{{ route("foreground.product.normal.index") }}">服務項目</a> --}}

                        <ul class="dropdown-menu dropdownList navShadow p-0">
                            
                            <li class="nav-item">
                                <a class="nav-link m-0 w-100" href="{{ route("foreground.product.normal.engineering") }}">技術工程</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link m-0 w-100" href="{{ route("foreground.product.normal.index") }}#custom">客製設計</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link m-0 w-100" href="{{ route("foreground.product.normal.technical") }}">產品設計</a>
                            </li>

                        </ul>
                    </li>
                    <li class="nav-item ms-lg-3 ms-xl-4">
                        <a href="{{ route("foreground.knowledge.index") }}"
                            @class([
                            "nav-link my-3 my-lg-0 me-lg-0",
                            "active" => ($current == "guide")
                            ])
                            aria-current="page">
                            室內裝修百科
                        </a>
                    </li>
                    <li class="nav-item ms-lg-3 ms-xl-4">
                        <a href="{{ route("foreground.contact.create") }}"
                            @class([
                            "nav-link me-lg-0",
                            "active" => ($current == "contact_us")
                            ])
                            aria-current="page">
                            聯絡我們
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>
</header>
<div style="height: 76.25px;"></div>

@yield("titleBanner")