<header class="main-header style-four">
    <div class="outer-container">
        <div class="container">
            <div class="main-box clearfix">
                <div class="logo-box pull-left">
                    <figure class="logo"><a href="{{ route('index') }}"><img src="{{ asset('/themes/pro/syncblock/resources/images/logo.png') }}" alt=""></a></figure>
                </div>
                <div class="menu-area pull-right clearfix">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler">
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                    </div>
                    <nav class="main-menu navbar-expand-md navbar-light">
						<div class="nav_top">
							<div class="login-box-outer">
								<a href="#">
									<i class="fas fa-sign-in-alt"></i> 로그인
								</a>
							</div>
							<div class="join-box-outer">
								<a href="#">
									<i class="fas fa-user-plus"></i> 회원가입
								</a>
							</div>
{{--							<div class="wish-box-outer">--}}
{{--								<a href="#">--}}
{{--									<i class="fas fa-heart"></i>--}}
{{--									<span class="number">2</span>--}}
{{--								</a>--}}
{{--							</div>--}}
{{--							<div class="cart-box-outer">--}}
{{--								<a href="#">--}}
{{--									<i class="fas fa-shopping-basket"></i>--}}
{{--									<span class="number">2</span>--}}
{{--								</a>--}}
{{--							</div>--}}

							<!-- 서치박스 우선은 숨김
							<div class="search-box-outer">
								<div class="dropdown">
									<button class="search-box-btn" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										<i class="fas fa-search"></i>
									</button>
									<ul class="dropdown-menu pull-right search-panel" aria-labelledby="dropdownMenu3">
										<li class="panel-outer">
											<div class="form-container">
												<form method="post" action="blog.html">
													<div class="form-group">
														<input type="search" name="field-name" value="" placeholder="Search...." required="">
														<button type="submit" class="search-btn"><span class="fas fa-search"></span></button>
													</div>
												</form>
											</div>
										</li>
									</ul>
								</div>
							</div>
							-->
						</div>
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                @foreach($mainMenuList ?? [] as $menu)
                                    <li class="{{ empty($menu['child']) ? '' : 'dropdown' }}"><a href="{{ $menu['PageUri'] }}">{{ $menu['MenuName'] }}</a>
                                        @include('views.layouts.main-header-recursive', [ 'menu' => $menu ])
                                    </li>

{{--                                    <li class="current dropdown"><a href="#">Pages</a>--}}
{{--                                        <ul>--}}
{{--                                            <li class="dropdown"><a href="#">Team Page</a>--}}
{{--                                                <ul>--}}
{{--                                                    <li><a href="team.html">Team 01</a></li>--}}
{{--                                                    <li><a href="team-2.html">Team 02</a></li>--}}
{{--                                                    <li><a href="team-3.html">Team 03</a></li>--}}
{{--                                                </ul>--}}
{{--                                            </li>--}}
{{--                                            <li class="dropdown"><a href="#">Service Page</a>--}}
{{--                                                <ul>--}}
{{--                                                    <li><a href="service.html">Our Services</a></li>--}}
{{--                                                    <li><a href="service-details.html">Service Details</a></li>--}}
{{--                                                </ul>--}}
{{--                                            </li>--}}
{{--                                            <li class="dropdown"><a href="#">Pricing Page</a>--}}
{{--                                                <ul>--}}
{{--                                                    <li><a href="pricing.html">Pricing 01</a></li>--}}
{{--                                                    <li><a href="pricing-2.html">Pricing 02</a></li>--}}
{{--                                                    <li><a href="pricing-3.html">Pricing 03</a></li>--}}
{{--                                                    <li><a href="pricing-4.html">Pricing 04</a></li>--}}
{{--                                                </ul>--}}
{{--                                            </li>--}}
{{--                                            <li class="dropdown"><a href="#">Testimonial Page</a>--}}
{{--                                                <ul>--}}
{{--                                                    <li><a href="testimonial.html">Testimonial 01</a></li>--}}
{{--                                                    <li><a href="testimonial-2.html">Testimonial 02</a></li>--}}
{{--                                                </ul>--}}
{{--                                            </li>--}}
{{--                                            <li class="dropdown"><a href="#">Portfolio</a>--}}
{{--                                                <ul>--}}
{{--                                                    <li><a href="portfolio.html">Portfolio 01</a></li>--}}
{{--                                                    <li><a href="portfolio-2.html">Portfolio 02</a></li>--}}
{{--                                                    <li><a href="portfolio-3.html">Portfolio 03</a></li>--}}
{{--                                                    <li><a href="portfolio-details.html">Portfolio Details</a></li>--}}
{{--                                                </ul>--}}
{{--                                            </li>--}}
{{--                                            <li><a href="about.html">About Us</a></li>--}}
{{--                                            <li><a href="faq.html">Faq</a></li>--}}
{{--                                            <li><a href="error.html">Error Page</a></li>--}}
{{--                                        </ul>--}}
{{--                                    </li>--}}

                                @endforeach

								<li class="dropdown"><a href="#">My Page</a>
									<ul >
                                        <li><a href="/my-page/order-list">주문내역</a></li>
                                        <li><a href="my-page/member-edit">회원정보 변경</a></li>
                                        <li><a href="/1to1-list">1대1문의</a></li>
                                    </ul>
                                </li>
								<li class="dropdown"><a href="#">고객센터</a>
									<ul>
                                        <li><a href="/my-page/event-list">이벤트</a></li>
                                        <li><a href="/my-page/notice-list">공지사항</a></li>
                                        <li><a href="/paq">자주하는질문</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/policy-list">회원약관</a></li>
                                        <li><a href="/privacy-list">개인정보보호정책</a></li>
                                        <li><a href="/e-finance-list">전자금융 이용약관</a></li>
                                        <li><a href="/refund-list">교환환불 정책</a></li>
                                    </ul>
                                </li>

                            </ul>
                        </div>
                    </nav>


					<!--
					<div class="nav-btn nav-toggler navSidebar-button clearfix">
                            <span class="icon"></span>
                            <span class="icon"></span>
                            <span class="icon"></span>
                        </div>
                        <div class="btn-box"><a href="#">Started Now</a></div>

                    </div>
					-->
                </div>
            </div>
        </div>
    </div>

    <!--sticky Header-->
    <div class="sticky-header">
        <div class="container clearfix">
            <figure class="logo-box"><a href="{{ route('index') }}"><img src="{{ asset('/themes/pro/syncblock/resources/images/logo.png') }}" alt="logo"></a></figure>
            <div class="menu-area">
                <nav class="main-menu clearfix">
                    <!--Keep This Empty / Menu will come through Javascript-->
                </nav>
            </div>
        </div>
    </div>
</header>
