@php
$teacher = App\Models\School\Teacher\Teacher::anyUser();
@endphp
<div class="header background-primary fixed" style="height: 85px">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-5 col-md-2">
                    <div class="logo">
                        <a href="/"><img src="{{ url('images/nav/logo.png') }}?v=2" alt=""/></a>
                    </div>
                </div>
                <div class="col-7 col-md-10 my-auto">

                        <h1 class="mobile-menu" onclick="openNav()">
                            <span><i class="fa fa-bars" style="font-size: 30px"></i></span>
                        </h1>

                        @if (App\Models\School\Teacher\Teacher::auth()->check())
                            <div class="header_icon sign-in justify-content-around justify-content-sm-end float-md-right" style="margin-top: 4px;">
                                <div class="teacher mr-3">
                                    <a href="{{ route('.teacher.profile') }}">
                                        <i class="fas fa-user text-color-base-5" style="font-size: 25px;position: relative;top: 1px;"></i>
                                        <span class="non short_name text-size-l text-white d-none d-lg-inline">
                                                    {{ $teacher->fullName}}
                                                </span>
                                    </a>
                                </div>
                                <div class="mail-icon mr-2">
                                    <a href="{{ route('.teacher.profile') . '#message' }}">
                                        <i class="fas fa-envelope text-color-base-5"  style="font-size: 25px;position: relative;top:2px"></i>
                                        <span class="mobile_mail" style="display:none">0</span>
                                    </a>
                                </div>
                                <span class="bor mr-2" style="height: 30px;border-right: 2px solid darkgreen;"></span>
                                <div class="service_record mr-2">
                                    <a href="{{ route('.teacher.quotationInquiry') }}">
                                        <i class="far fa-folder text-warning title-base" style="font-size: 28px !important;position: relative;top: 1px;"></i>
                                        <div class="d-none d-lg-inline text-size-l text-warning" style="position: relative;top: -2px;">報價紀錄</div>
                                    </a>
                                </div>
                            </div>
                        @else
                            <div class="sign-in pull-right mr-3" style="margin-top:5px">
                                <!-- <a href="#">登入</a> -->
                                <!-- Button trigger modal -->

                                <a>
                                    <button type="button" id="loginPopupModal" class="btn login_link normal_login text-size-l">登入
                                    </button>
                                </a>
                                <span class="arrow px-2">/</span>
                                <a href="{{ route('register') }}">
                                    <button name="submit" id="submit" class="btn registered_link text-size-l">註冊</button>
                                </a>
                            </div>
                        @endif

                        <div class="navigation free_trial" id="mySidenav">
                            {{-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> --}}
                            <a class="closebtn" onclick="closeNav()"><i class="fas fa-times-circle fa-2x"></i></a>
                            <ul class="ml-3 pt-2">
                                <li><a class="header_link" href="{{ route('.event.search') }}">搜尋服務</a></li>
                                <li><a class="header_link" href="/#about_as_title">關於我們</a></li>
                                <li><a class="header_link" href="/#common_problem_totle">常見問題</a></li>
{{--                                <li><a class="header_link" href="{{ route('.instructor.search') }}">搜尋導師</a></li>--}}
{{--                                <li><a class="header_link" href="{{ route('.education_resource.index') }}">教學資源</a></li>--}}
{{--                                <li><a class="header_link" href="{{ route('.coupon_promotion.index') }}">教師禮遇</a></li>--}}
{{--                                <li><a class="header_link" href="{{ route('.event.for_teacher.index') }}">教師支援</a></li>--}}
{{--                                <li><a class="header_link" href="{{ route('.venue_reservation.index') }}">預約場地</a></li>--}}
{{--                                <li><a class="header_link" href="{{ route('.news.index') }}">最新消息</a></li>--}}
                            </ul>
                        </div>
                </div>
            </div>
        </div>
    </div>
<div style="height: 85px">

</div>
@push('pagescript')
    <script>
        var is_loading_update_is_new_message_total = "{{ !empty($teacher) }}";

        function updateIsNewMesssageTotal() {
            if (is_loading_update_is_new_message_total == false) {
                return;
            }

            is_loading_update_is_new_message_total = true;

            let url = "{{ route('.api.teacher.profile.message.count.is_new') }}";

            $.get(url).then(req => {
                if (req.data.total > 0) {
                    $('.header .mail-icon .mobile_mail').show().text(req.data.total)
                } else {
                    $('.header .mail-icon .mobile_mail').hide();
                }

                is_loading_update_is_new_message_total = false;
            }).fail(function(error) {
                is_loading_update_is_new_message_total = false;
            });
        }

        @if(!empty($teacher))
            updateIsNewMesssageTotal();
        @endif

        $('.header_link').click(function(){
            if(window.innerWidth <= 991){
                closeNav()
            }
        });
    </script>
@endpush