@section('header')
    <header class="navbar navbar-static-top bs-docs-nav" id="top"
            role="banner">
        <div class="container">

            <nav id="headerWrapper" class="navbar-header">
                <button class="navbar-toggle collapsed" type="button"
                        data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <span class="sr-only">Toggle navigation</span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span>
                </button>
                <a href="{{route('teamNipponHome')}}">
                    <img class="headerImage mr-top-2" src="{!! asset('img/logo.png') !!}">
                </a>
            </nav>

            <nav class="collapse navbar-collapse bs-navbar-collapse"
                 role="navigation">
                @if(Auth::check())
                    <ul class="nav navbar-nav navbar-right">
                        @if(isset($isCorporateMember) && $isCorporateMember)
                        <li>
                            <a href="{{route('corporate.menu')}}">
                                <span class="glyphicon glyphicon-briefcase"></span>
                                <span>人材育成パスポート</span>
                            </a>
                        </li>
                        @endif
                        <li>
                            <a href="{{url('/manual/01_tn-manual_20190416.pdf')}}" target="_blank">
                                <span class="glyphicon glyphicon-book"></span>
                                <span>操作マニュアル</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('supportGet')}}">
                                <span class="glyphicon glyphicon-envelope"></span>
                                <span>お問い合わせ</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="glyphicon glyphicon-user"></span>
                                <span>{{$facility_name}}</span>
                                <span>{{$user_id}}</span>
                            </a>
                        </li>
                        <li>
                            <a href="{{route('logout')}}">
                                <span class="glyphicon glyphicon-log-out"></span>
                                ログアウト
                            </a>
                        </li>
                    </ul>
                @endif
            </nav>
        </div>
        <!-- /.container -->
    </header>

    <header class="navbar navbar-static-top bs-docs-nav header-text" id="second" id="banner" role="banner">
        <div class="header-holder">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".dropmenu">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse dropmenu">
                <ul class="nav navbar-nav" id="navbar-tn">

                    <li>
                        <a href="{{route('get.team.menu')}}" class="dropdown-toggle disabled" id="teamsetting" data-toggle="dropdown">
                            <text>チーム構成設定</text>
                        </a>
                        <ul class="dropdown-menu">

                            <li>
                                <a href="{{route('teamIndex')}}" class="team">チーム一覧(閲覧・編集)</a>
                            </li>

                            <li>
                                <a
                                        @cannot('accessIfRoleAdmin', App\User::class )
                                        href="#"
                                        style="background-color: gray;"
                                        @else
                                        href="{{ route('registerGetTeam') }}"
                                        class="team"
                                        @endcannot>
                                    チームの新規登録
                                </a>
                            </li>

                            <li>
                                <a href="{{route('teamHistoryList')}}" class="team">チーム構成経歴閲覧</a>
                            </li>

                        </ul>
                    </li>

                    <li>
                        <a href="#" class="dropdown-toggle disabled" data-toggle="dropdown" id="staff" data-auth="{{Auth::check() ? Auth::user()->auth : ''}}">
                            <text>職員表</text>
                        </a>
                        <ul class="dropdown-menu">
                        	@can('accessIfAdmin')
                            	<li>
                             	   <a href="{{route('indexGetStaff')}}" class="staff">職員一覧(閲覧・編集)</a>
                            	</li>
                            	<li>
                                <a href="{{route('registerGetStaff')}}" class="staff">職員情報の新規登録 </a>
                            </li>
                            @endcan
                        </ul>
                    </li>

                    <li class="headerDoubleRow">
                        <a
                                href="{{ route('indexGetNumclass')}}"
                                class="dropdown-toggle disabled"
                                id="numclass"
                                data-toggle="dropdown">
                            <text>クラスごとの <br/>数値指標</text>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a
                                        href="{{route('resultGetNumclass')}}"
                                        class="numclass">
                                    結果入力
                                </a>
                            </li>
                            <li>
                                <a
                                        href="{{route('viewGetNumclass')}}"
                                        class="numclass">
                                    結果履歴閲覧
                                </a>
                            </li>
                            <li>
                                <a
                                        href="{{ route('get.numclass.graph') }}"
                                        class="numclass">
                                    推移グラフ閲覧・印刷
                                </a>
                            </li>
                            <li>
                                <a
                                        @cannot('accessIfRoleAdmin', App\User::class )
                                        href="#"
                                        style="background-color: gray;"
                                        @else
                                        href="{{ route('registerGetNumclass') }}"
                                        class="numclass"
                                        @endcannot>
                                    数値指標の登録・編集
                                </a>
                            </li>
                            <li>
                                <a
                                        @cannot('accessIfRoleAdmin', App\User::class )
                                        href="#"
                                        style="background-color: gray;"
                                        @else
                                        href="{{ route('groupRegisterGetNumclass') }}"
                                        class="numclass"
                                        @endcannot>
                                    数値指標グループの登録・編集
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="{{route('indexGetNumstaff')}}" class="dropdown-toggle disabled"
                           data-toggle="dropdown"
                           id="numstaff">
                            <text>個人別の数値指標</text>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="{{route('inputGetNumStaff')}}" class="numstaff">結果入力</a>
                            </li>
                            <li>
                                <a href="{{route('searchGetNumStaff')}}" class="numstaff">結果履歴閲覧</a>
                            </li>
                            <li>
                                <a href="{{route('get.numstaff.graph')}}" class="numstaff">推移グラフ閲覧・印刷</a>
                            </li>
                            <li>
                                <a
                                    @cannot('accessIfRoleAdmin', App\User::class )
                                        href = "#"
                                        class = "auth_disable"
                                    @else
                                        href = "{{route('registerGetNumStaff')}}"
                                        class = "numstaff"
                                    @endcannot>数値指標の登録・編集</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="{{route('getCareerIndex')}}"
                           class="dropdown-toggle disabled"
                           data-toggle="dropdown"
                           id="carrer"
                           data-auth="{{Auth::check() ? Auth::user()->auth : ''}}">
                            <text>キャリアパス</text>
                        </a>
                        <ul class="dropdown-menu">
                            @can('accessIfAdmin')
                            {{--<li>--}}
                            {{--<a--}}
                            {{--href="{{route('indexSkillCareer')}}"--}}
                            {{--class="career">--}}
                            {{--Manage Skill--}}
                            {{--</a>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                            {{--<a--}}
                            {{--href="{{route('indexGetPositionCareer')}}"--}}
                            {{--class="career">--}}
                            {{--Manage Position--}}
                            {{--</a>--}}
                            {{--</li>--}}

                            <li>
                                <a
                                        href="{{route('get.career.collectionInput')}}"
                                        class="career">
                                    研修・訓練受講実績一括入力
                                </a>
                            </li>

                            <li>
                                <a
                                        href="{{route('get.career.qualification')}}"
                                        class="career">
                                    資格取得実績一括入力
                                </a>
                            </li>

                            {{--<li>--}}
                            {{--<a--}}
                            {{--href="career/園内検定結果一括入力.html"--}}
                            {{--class="career">--}}
                            {{--園内検定結果一括入力--}}
                            {{--</a>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                            {{--<a--}}
                            {{--href="career/上長チェック出入力.html"--}}
                            {{--class="career">--}}
                            {{--上長チェック出入力--}}
                            {{--</a>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                            {{--<a href="{{route('get.feedback.evaluation.self.index')}}"--}}
                            {{--class="career">--}}
                            {{--自己チェック出入力--}}
                            {{--</a>--}}
                            {{--</li>--}}

                            <li>
                                <a href="{{route('get.career.skillEvaluation')}}" class="career">
                                    職能スキル特別評価
                                </a>
                            </li>

                            <li>
                                <a href="{{route('get.carrer.massRegistration')}}" class="career">
                                    職員の職位 登録・編集
                                </a>
                            </li>

                            <li>
                                <a href="{{route('car021')}}" class="career">
                                    職員の職責 登録・変更
                                </a>
                            </li>
                            @endcan

                        </ul>
                    </li>

                    <li>
                        <a
                                href="{{route('get.feedback.menu')}}"
                                class="dropdown-toggle disabled"
                                id="feedback"
                                data-toggle="dropdown">
                            <text>フィードバック</text>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a
                                    @cannot('accessIfRoleAdmin', App\User::class)
                                        href="#"
                                        class="auth_disable"
                                    @else
                                        href="{{route('get.feedback.evaluation.boss.index')}}"
                                        class="feedback"
                                    @endcannot>上司評価</a>
                            </li>
                            <li>
                                <a href="{{route('get.feedback.evaluation.self.index')}}" class="feedback">自己評価</a>
                            </li>
                            <li>
                                <a href="{{route('getFeedbackIndex')}}" class="feedback">フィードバックシート作成</a>
                            </li>
                            <li>
                                <a
                                    @cannot('accessIfRoleAdmin', App\User::class)
                                        href="#"
                                        class="auth_disable"
                                    @else
                                        href="{{route('get.feedback.evaluation.history.index')}}"
                                        class="feedback"
                                    @endcannot>上司・自己評価履歴</a>
                            </li>
                            <li>
                                <a
                                    @cannot('accessIfRoleAdmin', App\User::class)
                                        href="#"
                                        class="auth_disable"
                                    @else
                                        href="{{route('get.feedback.evaluation.selfTotalled.index')}}"
                                        class="feedback"
                                    @endcannot>自己評価集計結果</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a
                                href="#" class="dropdown-toggle disabled"
                                data-toggle="dropdown"
                                id="questionnaire">
                            <text>利用者アンケート</text>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="{{route('qst001')}}" class="question">利用者アンケートについて</a>
                            </li>
                            <li>
                                <a href="{{route('enqueteEntry')}}" class="question">利用者アンケート申込フォーム</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a
                                href="{{route('variousFormat')}}"
                                class="dropdown-toggle disabled"
                                data-toggle="dropdown"
                                id="variousformat">
                            <text>各種フォーマット</text>
                        </a>
                    </li>
                    <li>
                        <a
                                href="#"
                                class="dropdown-toggle disabled"
                                data-toggle="dropdown"
                                id="basicsetting"
                                data-auth="{{Auth::check() ? Auth::user()->auth : ''}}">
                            <text>基本設定</text>
                        </a>
                        <ul class="dropdown-menu">
                            @can('accessIfAdmin')
                                <li>
                                    <a href="{{route('basicAccountGet')}}" class="basicsetting">アカウント設定</a>
                                </li>
                                <li>
                                    <a href="{{route('basicFacility')}}"
                                       class="basicsetting">施設種別と昇降格設定</a>
                                </li>
                                <li>
                                    <a href="{{route('basicEvaluation')}}" class="basicsetting">評価期間の設定</a>
                                </li>
                                <li>
                                    <a href="{{route('basicTeam')}}" class="basicsetting">チーム分類設定</a>
                                </li>
                                <li>
                                    <a href="{{route('basicStaff')}}" class="basicsetting">職員分類設定</a>
                                </li>
                            @endcan
                        </ul>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </header>
@stop

@section('modal')
    @include('layouts.modal')
@stop

@section('optionalJs')
    <script>
        $(document).ready(function () {
            if ($(window).width() < 768) {
                $('.dropdown-toggle.disabled').removeClass('disabled')
            }

            var tapped = false;
            $(".dropdown-toggle").on("touchstart", function (e) {
                if (!tapped) { //if tap is not set, set up single tap
                    tapped = setTimeout(function () {
                        tapped = null
                        //insert things you want to do when single tapped
                    }, 1000);   //wait 1000ms then run single click code
                } else {    //tapped within 4100ms of last tap. double tap
                    clearTimeout(tapped); //stop single tap callback
                    tapped = null;
                    e.preventDefault();
                    window.location.href = $(".dropdown-toggle").attr('href');
                }
            });
            $('#carrer')
                .off('click.modal')
                .on('click.modal', function (e) {
                    if ('' != $('#carrer').data('auth')) {
                        if (-1 == [1, 2].indexOf($('#carrer').data('auth'))) {
                            e.preventDefault();
                            $('#403Modal').modal('show');
                        }
                    }
                });
            $('#basicsetting')
                .off('click.modal')
                .on('click.modal', function (e) {
                    if ('' != $('#basicsetting').data('auth')) {
                        if (-1 == [1, 2].indexOf($('#basicsetting').data('auth'))) {
                            e.preventDefault();
                            $('#403Modal').modal('show');
                        }
                    }
                });
            $('#staff')
            .off('click.modal')
            .on('click.modal', function (e) {
                if ('' != $('#staff').data('auth')) {
                    if (-1 == [1, 2].indexOf($('#staff').data('auth'))) {
                        e.preventDefault();
                        $('#403Modal').modal('show');
                    }
                }
            });

            //For IME-mode --START
            //ime-modeが使えるか
            var supportIMEMode = ('ime-mode' in document.body.style);

            // 非ASCII
            var noSbcRegex = /[^\x00-\x7E]+/g;

            // 1バイト文字専用フィールド
            jQuery('.imeModeDisable').on('keydown blur paste', function (e) {

                // ime-modeが使えるならスキップ
                if (e.type == 'keydown' || e.type == 'blur')
                    if (supportIMEMode)
                        return;

                // 2バイト文字が入力されたら削除
                var target = jQuery(this);
                if (!target.val().match(noSbcRegex))
                    return;
                window.setTimeout(function () {
                    target.val(target.val().replace(noSbcRegex, ''));
                }, 1);

            });
            //For IME-mode --END

            //When form is submitted it will disable all submit buttons inside.
//            $('form').submit(function () {
//                $(this).find(':submit').attr('disabled', 'disabled');
//                $(this).find('button[type="button"]').attr('disabled', 'disabled');
//            });

            //Master module to do some general task
            var masterModule = (function () {

                //Scroll top if validate form error

                var scrollTopIfValidateFrmError = function () {

                    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver,
                        target = document.getElementById('validate_form_error_msg');

                    if (target) {

                        var observer = new MutationObserver(function (mutations) {

                                mutations.forEach(function (mutation) {
                                    $(window).scrollTop(0);
                                });

                            }),
                            config = {
                                childList: true,
                                attributes: true,
                                subtree: true,
                                characterData: true
                            };

                        observer.observe(target, config);

                        // observer.disconnect();
                    }
                };

                return {
                    scrollTopIfValidateFrmError: scrollTopIfValidateFrmError,
                }
            })();

            masterModule.scrollTopIfValidateFrmError();
        });

    </script>
@append