@inject('FrontendPresenter', 'App\Presenters\FrontendPresenter')
{{-- <header class="header" style="height: 151px;"> --}}
<header class="header">
    @if (env('hide') == 'N')
    <div class="bg-light d-none d-lg-block">
        <div class="container text-right">
            @if (!isset($_COOKIE['member_id']))
            <a class="login" href="javascript:void(0);">會員登入</a>
            @else
            <div class="dropdown d-inline-block">
                <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                    <span class="pr-5">{{$_COOKIE['name']}}</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
                    <a class="dropdown-item" href="{{ route('member_member-info') }}">會員資料</a>
                    <a class="dropdown-item" href="{{ route('member_save-school-list') }}">我的收藏清單</a>
                    <hr>
                    <a class="dropdown-item" href="{{ route('member_logout') }}">登出</a>
                </div>
            </div>
            |<a class="" href="{{ route('member_save-school-list') }}">收藏列表
            <div class="d-inline-block like">
                <i class="far fa-heart"></i>
                @if (!empty($_COOKIE['like_count']) && $_COOKIE['like_count'] > 99)
                <span class="badge rounded badge-danger" id="header_like_count">99+</span>
                @else
                <span class="badge rounded badge-danger" id="header_like_count">{{ $_COOKIE['like_count'] or "0" }}</span>
                @endif
            </div>
            </a>
            @endif
        </div>
    </div>
    @endif
    <div class="container py-3 pb-lg-0">
        <div class="row align-items-center">
            <div class="col">
                <button class="burger d-lg-none d-inline-block">
                    <span class="burger__line"></span>
                    <span class="burger__line"></span>
                    <span class="burger__line"></span>
                </button>
                <a class="header-brand d-inline-block" href="/"></a>
            </div>
            <div class="col text-right">
                <div class="d-none d-lg-inline-block">
                        <a class="btn btn-outline-success" href="{{ route('search_language-school-search-list') }}">學校搜尋</a>
                        <a class="btn btn-success ml-2" href="{{ route('channel_appointment') }}">立即諮詢</a>
                </div>
                <div class="d-lg-none">
                    <div class="d-inline-block">
                        <a class="text-dark" href="{{ route('search_language-school-search-list') }}">
                            <i class="fa fa-fw fa-lg fa-search"></i>
                        </a>
                    </div>
                    @if (isset($_COOKIE['member_id']))
                    <div class="d-inline-block like">
                        <a class="text-dark" href="{{ route('member_save-school-list') }}">
                            <i class="far fa-fw fa-lg fa-heart"></i>
                            <span class="badge rounded badge-danger" id="header_like_count_mobile">{{ $_COOKIE['like_count'] or "0" }}</span>
                        </a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="container d-none d-lg-block mt-2">
        <nav class="navbar">
        <ul class="nav nav-global float-left">
            {!! $FrontendPresenter->countryMenu() !!}
        </ul>
        <ul class="nav nav-global float-right">
            <li class="nav-item dropdown">
                <a class="nav-link" href="{{ route('news_overview') }}">
                    活動消息
                </a>
                <div class="dropdown-menu py-10">
                    <div class="container">
                    <div class="row">
                            <div class="col">
                                <div class="row">
                                    <div class="col-3">
                                        <a class="text-dark font-weight-bold">活動消息</a>
                                        <div class="list-group mt-2">
                                            <a class="text-dark my-1" href="{{ route('news_overview') }}">總覽</a>
                                            <a class="text-dark my-1" href="{{ route('news_lastest-news') }}">最新消息</a>
                                            <a class="text-dark my-1" href="{{ route('news_study-news') }}">留遊學新聞</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link" href="{{ route('share_study-article') }}">
                    心得分享
                </a>
                <div class="dropdown-menu py-10">
                    <div class="container">
                    <div class="row">
                            <div class="col">
                                <div class="row">
                                    <div class="col-3">
                                        <a class="text-dark font-weight-bold">心得分享</a>
                                        <div class="list-group mt-2">
                                            <a class="text-dark my-1" href="{{ route('share_study-article') }}">留學後記</a>
                                            <a class="text-dark my-1" href="{{ route('share_language-article') }}">遊學後記</a>
                                            <a class="text-dark my-1" href="{{ route('share_thanks-edm') }}">感謝 ed:m</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link" href="{{ route('services') }}">
                    服務一覽
                </a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link" href="{{ route('about_edm-taiwan') }}">
                    關於我們
                </a>
                <div class="dropdown-menu py-10">
                    <div class="container">
                    <div class="row">
                            <div class="col-4">
                                <a href="{{ route('about_global-office') }}">
                                <div class="card">
                                    <img class="card-img lazyload" data-src="{{ $FrontendPresenter->globalHeader() }}">
                                    <div class="card-img-overlay h-100 d-flex flex-column justify-content-center">
                                        <div class="lead">ed:m 全球網絡</div>
                                        <div class="text-uppercase font-smallest">Global Offices</div>
                                    </div>
                                </div>
                                </a>
                            </div>
                            <div class="col">
                                <div class="row">
                                    <div class="col-3">
                                        <a class="text-dark font-weight-bold">ed:m 沿革</a>
                                        <div class="list-group mt-2">
                                            <a class="text-dark my-1" href="{{ route('about_edm-taiwan') }}">ed:m 台灣介紹</a>
                                            <a class="text-dark my-1" href="{{ route('about_global-office') }}">ed:m 全球網絡</a>
                                            <a class="text-dark my-1" href="{{ route('about_contact') }}">聯絡我們</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        </nav>
    </div>
</header>