@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/numclass/modify.css?20180921-1800') !!}" rel="stylesheet">
    <link href="{!! asset('css/common/common.css') !!}" rel="stylesheet">
@stop

@section('content')
    {!! Form::open(array('url'=>'numclass/modify', 'class'=>'form-inline',  'id'=>'GetModifyForm','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'ModifyId']) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'numclass/copyregister', 'class'=>'form-inline',  'id'=>'GetCopyRegister','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'copyId']) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'numclass/basic-move', 'class'=>'form-inline',  'id'=>'MoveForm','method'=>'Post')) !!}
    {!! Form::hidden('MoveId','' , ['id'=>'MoveId']) !!}
    {!! Form::hidden('MoveVersion','' , ['id'=>'MoveVersion']) !!}
    {!! Form::hidden('Direction','' , ['id'=>'Direction']) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'numclass/back', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'numclass/modify', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
    {!! Form::hidden('Version',$Version) !!}
    {!! Form::hidden('Id',$Id) !!}
    {!! Form::hidden('Password','' , ['id'=>'Password']) !!}
    {!! Form::hidden('IsDelete','false' , ['id'=>'IsDelete']) !!}
    @if( isset($Version))
        <div class="container">
            <div class="col-xs-12">
                <h4><strong>数値指標の登録・編集</strong></h4>
            </div>
            <span class="text-danger clearfix">{{$errors->first('Name')}}</span>
            <span class="text-danger clearfix">{{$errors->first('ViewPoint')}}</span>
            <span class="text-danger clearfix">{{$errors->first('Rule')}}</span>
            <span class="text-danger clearfix">{{$errors->first('Unit')}}</span>
            <span class="text-danger clearfix">{{$errors->first('AggregatePattern')}}</span>
            <span class="text-danger clearfix">{{$errors->first('ZeroValue')}}</span>
            <span class="text-danger clearfix">{{$errors->first('PerfectValue')}}</span>
            <span class="text-danger clearfix">{{$errors->first('ZeroValueCondition')}}</span>
            <span class="text-danger clearfix">{{$errors->first('PerfectValueCondition')}}</span>
            <span class="text-danger clearfix">{{$errors->first('Point')}}</span>
            <span class="text-danger clearfix">{{$errors->first('Note')}}</span>
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if(Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }} <a href="#" class="close"
                                                                                             data-dismiss="alert"
                                                                                             aria-label="close">&times;</a>
                    </p>
                @endif
            @endforeach
            <div id="NumClassError" class=" hidden alert alert-danger"></div>
            <div class="col-xs-4" id="MainTableHolder">
                <table class="table table-striped maintable">
                    <thead>
                    <tr>
                        <th>数値指標</th>
                        <th class="text-center">編集</th>
                        <th class="text-center" id="CopyHeader">コピーして<br/>新規作成</th>
                        <th class="text-center"></th>
                        <th class="text-center"></th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($ListData as $index => $item)
                        <tr>
                            <td>{{ $item -> name}}</td>
                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                          class="glyphicon glyphicon-pencil"></span></td>
                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                          data-version="{!! $item -> version !!}"
                                                          class="glyphicon glyphicon-book"></span></td>

                            @if($index == count($ListData)-1)
                                <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                              data-version="{!! $item -> version !!}"
                                                              class="glyphicon glyphicon-arrow-down disabled"></span>
                                </td>
                            @else
                                <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                              data-version="{!! $item -> version !!}"
                                                              class="glyphicon glyphicon-arrow-down "></span></td>
                            @endif

                            @if($index == 0)
                                <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                              data-version="{!! $item -> version !!}"
                                                              class="glyphicon glyphicon-arrow-up disabled"></span></td>
                            @else
                                <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                              data-version="{!! $item -> version !!}"
                                                              class="glyphicon glyphicon-arrow-up "></span></td>
                            @endif

                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="col-xs-8" id="LeftBody">
                <div class="col-xs-12 main-body" id="RightBody">
                    <div class="col-xs-9">
                        <h5><strong>数値指標編集</strong></h5>
                    </div>
                    <div class="col-xs-3 text-right">
                        <a id="NewRegister" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i>数値指標の新規登録</a>
                    </div>
                    <div class="col-xs-12" id="NameHolder">
                        <h5>数値指標 *</h5>
                        {!! Form::text('Name', $Name, array('id'=>'Name','maxlength'=>'20','class' => 'form-control')) !!}
                    </div>
                    <div class="col-xs-12" id="ViewPointHolder">
                        <h5>評価観点</h5>
                        {!! Form::text('ViewPoint', $ViewPoint, array('maxlength'=>'64','id'=>'ViewPoint','class' => 'form-control')) !!}
                    </div>
                    <div id="RuleHolder" class="col-xs-12">
                        <h5>計算ルール</h5>
                        {!! Form::textarea('Rule', $Rule, array('maxlength'=>'1024','rows'=>'6','id'=>'Rule','class' => 'form-control')) !!}
                    </div>
                    <div class="col-xs-12" id="ZeroHolder">
                        <h5></h5>
                        <div class="col-xs-12">
                            <div class="col-xs-6">
                                <h5>単位</h5>
                                {!! Form::text('Unit', $Unit, array('maxlength'=>'3','id'=>'Unit','class' => 'form-control')) !!}
                                <h5>求める値</h5>
                                {!! Form::n_select('AggregatePattern', $AggregatePatterns, $AggregatePattern,  Message::get('C00001',['a']) , ['id' => 'AggregatePattern', 'class' => 'form-control'], null) !!}
                            </div>
                            <div class="col-xs-6">
                                <h5>0点指標</h5>
                                {!! Form::text('ZeroValue', $ZeroValue, array('maxlength'=>'3','id'=>'ZeroValue','class' => 'text-center form-control')) !!}
                                <h5 class="text-center" id="ZeroUnit">{{ isset($Unit)?$Unit:'-' }}</h5>
                                {!! Form::n_select('ZeroValueCondition', $ZeroValueConditions, $ZeroValueCondition,  Message::get('C00001',['a']) , ['id' => 'ZeroValueCondition', 'class' => 'form-control'], null) !!}
                            </div>
                        </div>
                    </div>
                    <div id="PerfectHolder" class="col-xs-12">
                        <h5></h5>
                        <div class="col-xs-12">
                            <div class="col-xs-6">
                                <h5>
                                    <small>＊単位を入力すると、０点指標・満点指標に単位が自動反映されます。</small>
                                </h5>
                            </div>
                            <div class="col-xs-6">
                                <h5>満点指標</h5>
                                {!! Form::text('PerfectValue', $PerfectValue, array('maxlength'=>'3','id'=>'PerfectValue','class' => 'text-center form-control')) !!}
                                <h5 class="text-center" id="PerfectUnit">{{ isset($Unit)?$Unit:'-' }}</h5>
                                {!! Form::n_select('PerfectValueCondition', $PerfectValueConditions, $PerfectValueCondition ,  Message::get('C00001',['a']) , ['id' => 'PerfectValueCondition', 'class' => 'form-control'], null) !!}
                            </div>
                        </div>
                    </div>
                    <div id="PointHolder" class="col-xs-12">
                        <h5>POINT</h5>
                        {!! Form::textarea('Point', $Point, array('maxlength'=>'256','rows'=>'6','id'=>'Point','class' => 'form-control')) !!}
                    </div>
                    <div id="NoteHolder" class="col-xs-12">
                        <h5>備　考</h5>
                        {!! Form::text('Note', $Note, array('maxlength'=>'64','id'=>'Note','class' => 'form-control')) !!}
                    </div>
                    {{-- ICT連動 --}}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_03')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_04')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_05')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_06')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_07')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_08')) !!}
                    {!! Form::hidden('PpRelationItemEnquete',Config::get('cd_const.PP_RELATION_ITEM_09')) !!}
                    {!! Form::hidden('PpRelationItemOld',isset($PpRelationItem)? $PpRelationItem : Config::get('cd_const.PP_RELATION_ITEM_00') , ['id'=>'PpRelationItemOld']) !!}
                    @if(count($PpLinkData) > 0 && $PpLinkData->pp_link_flg !== Config::get('cd_const.PP_LINK_FLG_0'))
                        {!! Form::hidden('PpLinkFlg', $PpLinkData->pp_link_flg, ['id'=>'PpLinkFlg']) !!}
                        <div class="col-xs-12">
                            <div id="ICTRelationHolder" class="col-xs-5">
                                <h5>外部連動<br>データ</h5>
                                {{ Form::cd_select('PpRelationItem', Config::get('cd_const.PP_RELATION_ITEM'), $PpRelationItem, true, null , null, ['class' => 'form-control relation-select','id' => 'PpRelationItem'], null) }}
                            </div>
                            <div id="LinkPeriodHolder">
                                <h5>連動期間</h5>
                                {{ Form::cd_select('LinkPeriod', Config::get('cd_const.LINK_PERIOD'), $LinkPeriod, true, null , null, ['class' => 'form-control link-period-select','id' => 'LinkPeriod'], null) }}
                                <div class="form-group calendar-holder">
                                    <div class="input-group datepicker" id="datepicker">
                                    {!! Form::text('LinkPeriodStartMonth', $LinkPeriodStartMonth, array( 'id'=>'LinkPeriodStartMonth','class' => 'form-control')) !!}
                                        <span class="input-group-addon glyphicon-calendar-frame">
                                            <span class="calendar-icon glyphicon-calendar"></span>
                                        </span>
                                    </div>
                                </div>
                            <h5 class="LinkPeriodAfter">～</h5>
                            </div>
                        </div>
                    @endif
                    {{-- ここまで --}}
                </div>
            </div>
            <div class="col-xs-12" id="SubmitHolder">
                <div class="col-xs-12 text-right">
                    <div class="col-xs-9 text-right text-webkit-right">
                        @if($groupCount > 0)
                            <h5>
                                <a href="#" data-container="body" data-toggle="tooltip" title = "数値指標グループに紐付けられている為削除できません。">数値指標の削除</a>
                            </h5>
                        @else
                            <h5 id="DeleteButton">数値指標の削除</h5>
                        @endif
                    </div>
                    <input
                            id="BackButton"
                            readonly="readonly"
                            class="btn btn-primary"
                            value="メニューへ戻る"/>
                    <input
                            @can('accessIfRoleAdmin', [App\User::class])
                            data-can_access="true"
                            @else
                            data-can_access="false"
                            @endcan
                            id="SubmitButton"
                            readonly="readonly"
                            class="btn btn-primary"
                            value="確 定"/>
                </div>
            </div>
        </div>
    @endif
    @if( !isset($Version))
        <script> $(document).ready(function () {
                $('#EmptyDataModal').modal('show');
                $('.backAboutMenu, button.close').on('click', function (e) {
                    window.location.href = './register'
                });
            }); </script>
    @endif

    <div id="BackModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存せずに戻りますか？
                </div>
                <div class="modal-footer">
                    <a id="BackClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> いいえ</a>
                    <a id="BackOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</a>
                </div>
            </div>
        </div>
    </div>
    <div id="NewRegisterModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存せずに新規登録しますか？
                </div>
                <div class="modal-footer">
                    <a id="NewRegisterClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>
                        いいえ</a>
                    <a id="NewRegisterOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</a>
                </div>
            </div>
        </div>
    </div>
    <div id="DeleteFailModal"
         class="modal fade in {!! isset($DeleteFail) && $DeleteFail==true?'display':'non-display' !!}"
         data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    パスワードが不正です
                </div>
                <div class="modal-footer">
                    <a id="DeleteClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>OK</a>
                </div>
            </div>
        </div>
    </div>
    <div id="PopupError" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm error-popup-modal">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body error-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">入力内容が不正な項目があり保存できません。 <br/> 入力内容を見直してください。
                    </div>
                </div>
                <div class="modal-footer">
                    <a id="ErrorOK" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>OK</a>
                </div>
            </div>
        </div>
    </div>
    <div id="SubmitModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存しますか？
                </div>
                <div class="modal-footer">
                    <a id="SubmitCancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>
                        いいえ</a>
                    <a id="SubmitOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</a>
                </div>
            </div>
        </div>
    </div>
    <div id="DeleteModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title">削除用パスワード入力</h4>
                </div>
                <div class="modal-body delete-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">
                        *削除にはパスワードが必要です。

                    </div>
                    <div class="col-xs-12 inner-col-content delete-content">
                        <h5 id="DeleteHeader">パスワード</h5>
                        <input id="DeletePassword" type="password" class=" form-control">
                    </div>
                </div>
                <div class="modal-footer">
                    <a id="DeleteBack" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> 戻る</a>
                    <a id="DeleteOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i>確定</a>
                </div>

            </div>
        </div>
    </div>
    {!! Form::close() !!}
@stop

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

@section('numclass.ncl004Popup')
    @include('numclass.ncl004Popup')
@stop

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

@section('optionalJs')
    <script src="{!! asset('js/numclass/modify.js') !!}" type="text/javascript"></script>

    <script>

        $(document).ready(function () {
            $('.hide-tooltip').tooltip('disable');
            $('[data-toggle="tooltip"]').tooltip()
            if (navigator.userAgent.match(/Trident.*rv:11\./)) {
                jQuery('body').addClass('ie11');
            }

            //Validate when press submit button
            $('#SubmitButton')
                .off('click.submit')
                .on('click.submit', function () {
                    var that = this,
                        errorString = Validate();
                    if (false == $(that).data('can_access')) {
                        $('#belongTeamModal')
                            .modal('show');
                    } else {
                        if (errorString.length > 0) {
                            $('#NumClassError').html(errorString);
                            $('#NumClassError').removeClass('hidden');
                            $('#PopupError').modal('show');
                        } else {
                            $('#SubmitModal').modal('show');
                        }
                    }
                });

            // validate function
            function Validate() {
                var firstError = true;
                var errorString = '';
                var zeroVal = $('#ZeroValue').val();
                var perfectVal = $('#PerfectValue').val();
                var zeroValueCondition = $("#ZeroValueCondition").prop('selectedIndex');
                var perfectValueCondition = $("#PerfectValueCondition").prop('selectedIndex');
                var zeroValNumber = Number(zeroVal);
                var perfectValNumber = Number(perfectVal);

                if ($('#Name').val() === '') {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00046") !!}</span>';
                    firstError = false;
                }
                if ($('#AggregatePattern').val() === '') {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00063") !!}</span>';
                    firstError = false;
                }
                if (zeroVal === '') {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00047") !!}</span>';
                    firstError = false;
                }
                if (perfectVal === '') {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00049") !!}</span>';
                    firstError = false;
                }
                if ($("#ZeroValueCondition").prop('selectedIndex') === 0) {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00048") !!}</span>';
                    firstError = false;
                }
                if ($("#PerfectValueCondition").prop('selectedIndex') === 0) {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00050") !!}</span>';
                    firstError = false;
                }
                if(zeroVal === '' || perfectVal === '') {
                    // 何もしない
                }
                // 0点指標と満点指標が等しい場合
                else if (zeroVal === perfectVal ) {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00090") !!}</span>';
                    firstError = false;
                }
                // 0点指標条件と満点指標条件がどちらも「以上」
                else if(zeroValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }}) {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00091") !!}</span>';
                    firstError = false;
                }
                // 0点指標条件と満点指標条件がどちらも「以下」
                else if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }}) {
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00091") !!}</span>';
                    firstError = false;
                }
                // 0点指標より満点指標が大きい場合
                else if (zeroValNumber < perfectValNumber ){
                    // 0点指標条件「以上」、満点指標条件が「以下」
                    if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "以上", "Field_max" => "以下", "Compare" => "大きい"]) !!}</span>';
                        firstError = false;
                    }
                    // 0点指標条件「等しい」、満点指標条件が「以下」
                    else if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_EQUAL') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "等しい", "Field_max" => "以下", "Compare" => "大きい"]) !!}</span>';
                        firstError = false;
                    }
                    // 0点指標条件「以上」、満点指標条件が「等しい」
                    else if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_EQUAL') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "以上", "Field_max" => "等しい", "Compare" => "大きい"]) !!}</span>';
                        firstError = false;
                    }
                }
                // 0点指標より満点指標が小さい場合
                else if (zeroValNumber > perfectValNumber ) {
                    // 0点指標条件「以下」、満点指標条件が「以上」
                    if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "以下", "Field_max" => "以上", "Compare" => "小さい"]) !!}</span>';
                        firstError = false;
                    }
                    // 0点指標条件「等しい」、満点指標条件が「以上」
                    else if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_EQUAL') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_UP') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "等しい", "Field_max" => "以上", "Compare" => "小さい"]) !!}</span>';
                        firstError = false;
                    }
                    // 0点指標条件「以下」、満点指標条件が「等しい」
                    else if (zeroValueCondition === {{ Config::get('const.NCL_CONDITION_DOWN') }} && perfectValueCondition === {{ Config::get('const.NCL_CONDITION_EQUAL') }}) {
                        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00092", ["Field_0" => "以下", "Field_max" => "等しい", "Compare" => "小さい"]) !!}</span>';
                        firstError = false;
                    }
                }

                // 外部連動データが「設定しない」以外、かつ連動期間が「全て」以外かつ、連動期間開始年月が未入力の場合
                if($('#PpRelationItem') !== 'undefined' && $('#PpRelationItem').val() !== '{{Config::get('cd_const.PP_RELATION_ITEM_00')}}' && $('#LinkPeriod') !== 'undefined' && $('#LinkPeriod').val() !== '{{Config::get('cd_const.LINK_PERIOD_0')}}' && $('#LinkPeriodStartMonth').val() === ''){
                    errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00095", ["Field" => "連動期間開始年月"]) !!}</span>';
                    firstError = false;
                }

                return errorString;
            }

            // 連動期間開始年月日付ピッカーの表示
            $('.datepicker').datetimepicker({
                format: 'YYYY/MM',
                locale: 'ja'
            });

            // 外部連動データのアンケート指標系項目の番号リスト
            var ppRelationEnqueteItems = $('input[name="PpRelationItemEnquete"]').map(function() {
                return $(this).val();
            });

            // 初期表示時の連動期間の表示切り替え
            var ppRelationItem = $('#PpRelationItem').val();
            if(ppRelationItem === '{{Config::get('cd_const.PP_RELATION_ITEM_00')}}'
                || $.inArray(ppRelationItem,ppRelationEnqueteItems) >= 0){
                $('#LinkPeriodHolder').hide();
            }

            // 初期表示時の連動期間開始年月の表示切り替え
            var linkPeriod　= $('#LinkPeriod').val();
            if(linkPeriod　=== '{{Config::get('cd_const.LINK_PERIOD_0')}}'){
                $('#datepicker').hide();
                $('.LinkPeriodAfter').hide();
            }

            // 外部連動データ変更時
            $("#PpRelationItem").change(function (e) {
                e.preventDefault();
                if ($('#PpRelationItemOld').val() === '{{Config::get('cd_const.PP_RELATION_ITEM_00')}}') {
                    // 変更前の値が「設定しない」の場合、警告ポップアップを表示する
                    $('#PpRelationCautionModal').show();
                } else {
                    $('#PpRelationItemOld').val(this.value);
                    ppRelationItem = $('#PpRelationItem').val();
                    if (ppRelationItem === '{{Config::get('cd_const.PP_RELATION_ITEM_00')}}') {
                        // 変更後の値が「設定しない」の場合、外部連動項目を非表示にする
                        $('#LinkPeriodHolder').hide();
                    } else if ($.inArray(ppRelationItem,ppRelationEnqueteItems) >= 0){
                        // 変更後の値がアンケート結果系の場合、外部連動項目を非表示にして連動期間を初期化する
                        $('#LinkPeriodHolder').hide();
                        $('#LinkPeriod').val('{{Config::get('cd_const.LINK_PERIOD_0')}}');
                    } else {
                        $('#LinkPeriodHolder').show();
                    }
                }
            });

            // 外部連動警告ポップアップ「はい」押下
            $("#PpRelationOK").click(function (e) {
                e.preventDefault();
                // 外部連動データ変更前の値を更新してポップアップを閉じ、外部連動項目を表示する
                ppRelationItem = $('#PpRelationItem').val();
                $('#PpRelationItemOld').val(ppRelationItem);
                $('#PpRelationCautionModal').hide();
                if ($.inArray(ppRelationItem,ppRelationEnqueteItems) < 0){
                    // 変更後の値がアンケート結果系でない場合、外部連動項目を表示する
                    $('#LinkPeriodHolder').show();
                }
            });

            // 外部連動警告ポップアップ「いいえ」押下
            $("#PpRelationCancel").click(function (e) {
                e.preventDefault();
                // 外部連動データの値を「設定しない」に戻し、ポップアップを閉じる
                $("#PpRelationItem").val('{{Config::get('cd_const.PP_RELATION_ITEM_00')}}');
                $('#PpRelationCautionModal').hide();
            });

            // 連動期間変更時
            $("#LinkPeriod").change(function (e) {
                e.preventDefault();
                var linkPeriod　= $('#LinkPeriod').val();
                if(linkPeriod　=== '{{Config::get('cd_const.LINK_PERIOD_0')}}'){
                    // 連動期間が「全て」の場合、連動期間開始年月を非表示にする
                    $('#datepicker').hide();
                    $('.LinkPeriodAfter').hide();
                }　else {
                    // 連動期間が「全て」以外の場合、連動期間開始年月を表示する
                    $('#datepicker').show();
                    $('.LinkPeriodAfter').show();
                }
            });
        });
    </script>
@append