@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/numclass/register.css?20180921-1800') !!}" 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/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-register', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'numclass/register', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
    @if( !isset($EmptyCopyData))
    <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>
        @if(count(Session::get('_flash')['new']) >0)
            @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
        @endif
        <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
                                    @can('accessNumIndexIfBelongTeam', [
                                    App\Models\TrzTeams::class,
                                    $item->id
                                    ])
                                    data-can_access="true"
                                    @else
                                    data-can_access="false"
                                    @endcan
                                    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-12">
                    <h5><strong>数値指標登録</strong></h5>
                </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">-</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">-</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('PpRelationItemInit',Config::get('cd_const.PP_RELATION_ITEM_00') , ['id'=>'PpRelationItemInit']) !!}
                {!! 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']) !!}
                {!! Form::hidden('LinkPeriodInit',Config::get('cd_const.LINK_PERIOD_0') , ['id'=>'LinkPeriodInit']) !!}
                @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'), isset($PpRelationItem)? $PpRelationItem : Config::get('cd_const.PP_RELATION_ITEM_00'), 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'), isset($LinkPeriod) ? $LinkPeriod : Config::get('cd_const.LINK_PERIOD_0'), 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', isset($LinkPeriodStartMonth) ? $LinkPeriodStartMonth : null, 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 id="ButtonHolder" class="col-xs-12">
                <div class="col-xs-12 text-right">

                    <a
                            data-toggle="modal"
                            data-target="#BackModal"
                            class="btn btn-primary">
                        メニューへ戻る
                    </a>

                    <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>
    </div>
    @else
        <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-body delete-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">保存せずに戻りますか？</div>
                </div>
                <div class="modal-footer">
                    <a id="BackCancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> いいえ</a>
                    <a
                            id="BackOK"
                            href="{{route('indexGetNumclass')}}"
                            class="btn btn-primary">
                        <i class="fa "></i>
                        はい
                    </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-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-body delete-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">保存しますか？</div>
                </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>

    {!! 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/register.js?20200204-1400') !!}" type="text/javascript"></script>
    <script>

        $(document).ready(function () {

            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