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

@php use App\Libraries\CartChannel; @endphp

<!-- allLoading -->
<div class="allLoading">
    <div class="loadInner">
        <div class="inviewRe fadein">
            <img src="/asset/images/common/logo_black.webp" alt="帝特" width="100" height="100">
        </div>
    </div>
</div>

<!-- headerV5 -->
<header class="headerV5 position-fixed top-0 start-0 w-100">
    <nav class="navbar p-0">
        <div class="container-fluid container-xl detaiInner py-0 headerContainer">

            <ul class="navbar-nav d-none d-md-block">
                <li class="nav-item">
                    <a class="headerLeftContact text-decoration-none ga_header_contact" href="{{ route("foreground.contact.create") }}">
                        <span class="tw">聯絡我們</span>
                        <span class="en">Contact</span>
                    </a>
                </li>
            </ul>

            <div class="m-0 mx-3">
                <a class="navbar-brand d-block m-0" href="{{ route("foreground.home.index") }}">
                    <img src="/asset/images/common/logo.webp" alt="帝特" width="100" height="100" class="logo-white">
                    <img src="/asset/images/common/logo_black.webp" alt="帝特" width="100" height="100" class="logo-black">
                </a>
            </div>

            <button class="navbar-toggler border-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                {{-- <span class="navbar-toggler-icon"></span> --}}
                <div class="menuIconContainer" >
                    <div class="bar1 rounded-pill"></div>
                    <div class="bar2 rounded-pill"></div>
                    <div class="bar3 rounded-pill"></div>
                </div>
            </button>

            <div class="collapse navbar-collapse mt-0 px-5 pt-3" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0 justify-content-center w-100">
                    <li class="nav-item">
                        <a href="{{ route("foreground.home.index") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center",
                                "active" => ($current == "home")
                                ])
                            aria-current="page">
                            <span class="tw">首頁</span>
                            <span class="en">INDEX</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route("foreground.about.index") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center",
                                "active" => ($current == "about")
                                ])
                            aria-current="page">
                            
                            <span class="tw">關於我們</span>
                            <span class="en">ABOUT US</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route("foreground.product.normal.index") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center",
                                "active" => ($current == "product")
                                ])
                            aria-current="page">
                            <span class="tw">服務介紹</span>
                            <span class="en">SERVICE</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route("foreground.album.index") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center",
                                "active" => ($current == "album")
                                ])
                            aria-current="page">
                            <span class="tw">作品欣賞</span>
                            <span class="en">OUR PROJECTS</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a href="{{ route("foreground.knowledge.index") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center",
                                "active" => ($current == "guide")
                                ])
                            aria-current="page">
                            <span class="tw">媒體影音文章</span>
                            <span class="en">VIDEO ARTICLE</span>
                        </a>
                    </li>
                    <li class="nav-item d-md-none">
                        <a href="{{ route("foreground.contact.create") }}"
                            @class([
                                "nav-link m-0 mb-3 text-center ga_header_contact",
                                "active" => ($current == "contact_us")
                                ])
                            aria-current="page">
                            <span class="tw">聯絡我們</span>
                            <span class="en">CONTACT US</span>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </nav>
</header>
<div class="d-md-none" style="height: 106.25px;"></div>

@yield("titleBanner")