@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/numclass/result.css?20181004-1005') !!}" rel="stylesheet">
@stop

@section('content')
    {!! Form::open(array('url'=>'numclass/back', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}
    @if(! isset($SelectedTeam) ||(  isset($SelectedTeam) &&  count($ClassData) >0))
        <form
                method="post"
                action="{{route('post.numclass.result')}}"
                class="form-inline"
                id="SubmitForm">

            {{csrf_field()}}

            {!! Form::hidden('IsRegister','true', ['id'=>'IsRegister']) !!}
            {!! Form::hidden('IsBack','false', ['id'=>'IsBack']) !!}

            <div class="container">

                <div id="CustomeValidate" class=" hidden alert alert-danger"></div>

                <div class="flash-message" id="editionMsg">
                    @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> <!-- end .flash-message -->

                <div class="col-xs-12">
                    <h4><strong>結果入力</strong></h4>
                </div>

                <div class="col-xs-12" id="SubPageHeader">

                    <div class="col-xs-2 ">
                        <h5>チーム名</h5>
                        <select
                                id="TeamList"
                                class="form-control"
                                name="SelectedTeam">

                            <option value="">{{Message::get('C00001',['a'])}}</option>

                            @foreach($TeamList as $id => $team_name)

                                <option
                                        {{isset($SelectedTeam) ? ($id == $SelectedTeam ? 'selected' : '') : ''}}
                                        value="{{$id}}">{{$team_name}}</option>

                            @endforeach
                        </select>
                    </div>

                    <div class="col-xs-3 ">
                        <h5>評価期間</h5>
                        <label>
                            {{ old('evaluation_date',$evaluation_date) }}
                            {!! Form::text('EvaluationDate', $evaluation_date, array('class' => 'hidden')) !!}
                        </label>
                    </div>


     				 <div class="col-xs-5  no-padding-div" id="NameSection">
                        <div class="col-xs-5" id="Member1Holder">
                            <h6 id="MemberName1">リーダー：</h6>
                             <a href="#"  class="{!! strpos($MemberName1,'&#010') === false ?'hide-tooltip':'' !!}" data-placement="bottom" data-toggle="tooltip" title="{{ $MemberName1 }}">{{ old('MemberName1', strpos(htmlentities($MemberName1),'#010;')  != 0 ?explode("&#010;",$MemberName1)[0] .'...' : $MemberName1  ) }}</a>
                        </div>
                        <div class="col-xs-7" id="Member2Holder">
                            <h6 id="MemberName2">サブリーダー：</h6>
                            <a href="#"  class="{!! strpos($MemberName2,'&#010') === false ?'hide-tooltip':'' !!}" data-placement="bottom" data-toggle="tooltip" title="{{ $MemberName2 }}">{{ old('MemberName2',  strpos(htmlspecialchars($MemberName2),'#010;') != 0  ?explode("&#010;",$MemberName2)[0] .'...' : $MemberName2  ) }}</a>
                        </div>
                        <div class="col-xs-5" id="Member3Holder">
                            <h6 id="MemberName3">メンバー：</h5>
                           <a href="#"  class="{!! strpos($MemberName3,'&#010') === false ?'hide-tooltip':'' !!}" data-placement="bottom" data-toggle="tooltip" title="{{ $MemberName3 }}">{{ old('MemberName3',  strpos(htmlspecialchars($MemberName3),'#010;')  != 0  ?explode("&#010;",$MemberName3)[0] .'...' : $MemberName3  ) }}</a>
                        </div>
                        <div class="col-xs-7" id="Member4Holder">
                            <h6 id="MemberName4">フリー：</h5>
                         <a href="#" class="{!! strpos($MemberName4,'&#010') === false ?'hide-tooltip':'' !!} " data-placement="bottom" data-toggle="tooltip" title="{{ $MemberName4 }}">{{ old('MemberName4',  strpos(htmlspecialchars($MemberName4),'#010;')  != 0  ?explode("&#010;",$MemberName4)[0] .'...' : $MemberName4  ) }}</a>
                        </div>
                    </div>
                    <div class="col-xs-2" id="TotalScoreHolder">
                        <h5>総合点：</h5>
                        <label>
                            <text id="TotalScore"> {{ $total_score }}</text>
                            点
                        </label>
                    </div>

                </div>

                <div class="col-xs-12" id="TableHolder">

                    @foreach($ClassData as $index => $data)
                        {!! Form::text('Ids []', old('id', isset($data->id) ? $data->id : '') , array('class' => 'hidden')) !!}
                        {!! Form::text('Versions []', isset($data->version) ? $data->version : '' , array('class' => 'hidden')) !!}
                        {!! Form::hidden('NumId []', isset($data->mst_numerical_index_id) ? $data->mst_numerical_index_id : '') !!}
                        {!! Form::hidden('EvaId []', isset($EvaDateId) ? $EvaDateId : '') !!}
                        <div class="col-xs-12 no-padding-div">
                            <div class="col-xs-12 numberical-text">
                                <div class="col-xs-12 ">
                                    <h5>数値指標：{{ $index + 1  }}</h5>
                                </div>
                                <div class="col-xs-12">
                                    <h3>{{ isset($data->name) ? $data->name : ''  }}</h3>
                                </div>
                            </div>
                            <div class="col-xs-12 ">
                                <div class="col-xs-12 input-method-selector">
                                    <h5>入力方法</h5>
                                    {{-- 外部連動 --}}
                                    @if($data->ppLinkFlg)
                                        {!! Form::n_select('InputMethodLabel', [Config::get('const.NCL_INPUT_RELATION')=>Config::get('const.NCL_INPUT_RELATION_VALUE')], null , null , ['class' => 'form-control normal-input','disabled'] , null) !!}
                                        {!! Form::hidden('InputMethods []', Config::get('const.NCL_INPUT_MONTH'), ['id'=>'InputMethod'.$index ,'class' =>'input-method', 'data-index' =>$index]) !!}
                                    {{-- 一括入力か月別入力 --}}
                                    @else
                                        {!! Form::n_select('InputMethods []', $InputMethod, $data->input_method , null , ['id' => 'InputMethod'.$index ,'data-index' =>$index , 'class' => 'form-control normal-input input-method'] , null) !!}
                                    @endif
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="col-xs-1 unit">
                                    <div class="col-xs-12 ">
                                        <h5>成果（{{ isset($data->unit)?$data->unit:'-' }}） </h5>
                                        {!! Form::text('MstUnits []', $data->unit, array('class' => 'hidden')) !!}
                                    </div>
                                </div>
                                <div class="col-xs-8 month-table ">
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">4月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', old('$data->result_month_4',$data->result_month_4) !== null ? $data->result_month_4/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index , 'class' => 'result_input form-control result-'.$index.' month4' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '4' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">5月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_5 !== null ? $data->result_month_5/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month5' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '5' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">6月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_6 !== null ? $data->result_month_6/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month6' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '6' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">7月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_7 !== null ? $data->result_month_7/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month7' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '7' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">8月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_8 !== null ? $data->result_month_8/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month8' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '8' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">9月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_9 !== null ? $data->result_month_9/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month9' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '9' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">10月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_10 !== null ? $data->result_month_10/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month10' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '10' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">11月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_11 !== null ? $data->result_month_11/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month11' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '11' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">12月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_12 !== null ? $data->result_month_12/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month12' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '12' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">1月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_1 !== null ? $data->result_month_1/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month1' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '13' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">2月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_2 !== null ? $data->result_month_2/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month2' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '14' ? 'readonly' : '')) !!}</div>
                                    </div>
                                    <div class="col-xs-1">
                                        <div class="col-xs-12">3月</div>
                                        <div class="col-xs-12">{!! Form::text('Results []', $data->result_month_3 !== null ? $data->result_month_3/Config::get('const.NCL_DIGITS_MATCHING') : '', array('data-index' => $index ,'class' => 'result_input form-control result-'.$index.' month3' , 'maxlength' =>'8','placeholder' => '－' , $data->ppLinkFlg && $data->disabledMonth <= '15' ? 'readonly' : '')) !!}</div>
                                    </div>
                                </div>
                                <div class="col-xs-1 percent-div">
                                    <div class="col-xs-12">
                                        {!! Form::hidden('MstName []', isset($data->name) ? $data->name : '' ) !!}
                                        {!! Form::hidden('MstViewPoint []', isset($data->viewpoint) ? $data->viewpoint : '' ) !!}
                                        {!! Form::hidden('MstRule []', isset($data->rule) ? $data->rule : '' ) !!}
                                        {!! Form::hidden('MstUnit []', isset($data->unit) ? $data->unit : '' ) !!}
                                        {!! Form::hidden('MstAggregatePattern []', isset($data->aggregate_pattern) ? $data->aggregate_pattern : '' ) !!}
                                        {!! Form::hidden('MstZeroValue []', isset($data->zero_value) ? $data->zero_value : '' ) !!}
                                        {!! Form::hidden('MstPerfectValue []', isset($data->perfect_value) ? $data->perfect_value : '' ) !!}
                                        {!! Form::hidden('MstZeroValueCondition []', isset($data->zero_value_condition) ? $data->zero_value_condition : '' ) !!}
                                        {!! Form::hidden('MstPerfectValueCondition []', isset($data->perfect_value_condition) ? $data->perfect_value_condition : '' ) !!}
                                        {!! Form::hidden('AllocationOfMarks []', isset($data->allocation_of_marks) ? $data->allocation_of_marks : '' ) !!}
                                        {!! Form::hidden('MstPoint []', isset($data->point) ? $data->point : '' ) !!}
                                        {!! Form::hidden('MstNote []', isset($data->note) ? $data->note : '' ) !!}
                                        <input name='AggregateMethods []'
                                               class="hidden"
                                               id='aggregate_method{!! $index !!}'
                                               value="{!! $data->aggregate_method !!}"/>
                                        <input name='RangeOfIndicators []'
                                               class="hidden"
                                               id='RangeOfIndicator{!! $index !!}'
                                               value="{!! $data->range_of_indicator !!}"/>
                                        <input name='MstZeroValues []'
                                               class="hidden"
                                               id='MstZeroValue{!! $index !!}'
                                               value="{!! $data->zero_value !!}"/>
                                        <input name='MstPerfectValues []'
                                               class="hidden"
                                               id='MstPerfectValue{!! $index !!}'
                                               value="{!! $data->perfect_value !!}"/>
                                        <input name='OriginAggregateMethods []'
                                               class="hidden"
                                               id='origin_aggregate_method{!! $index !!}'
                                               value="{!! $data->origin_aggregate_method !!}"/>

                                        <div class="col-xs-12 text-center aggregate-method"
                                             id='aggregate-method-label{!! $index !!}'>{{ $data->aggregate_method }}</div>
                                        <div class="col-xs-12 text-center aggregate-value-holder">
                                            @if($data->aggregate_method != '一括入力枠' )
                                                {!! Form::text('AggregateValues []', $data->aggregate_value , array('readonly'=>'readonly','id'=>'aggregate_value'.$index,'data-index' => $index, 'class' => 'text-center form-control aggregate-value aggregate_value'.$index , 'maxlength' =>'10','placeholder' => '－')) !!}
                                            @else
                                                {!! Form::text('AggregateValues []', $data->aggregate_value , array('id'=>'aggregate_value'.$index,'data-index' => $index, 'class' => 'text-center form-control aggregate-value aggregate_value'.$index , 'maxlength' =>'10','placeholder' => '－' )) !!}
                                            @endif
                                            <h5 class="second-unit-holder">{{ $data->unit }}</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-2 row-total">
                                    <div class="col-xs-12">
                                        <div class="col-xs-12 text-center">得点</div>
                                        {!! Form::hidden('Scores []',isset($data->score) ? $data->score : 0, ['id'=>'HiddenScore'.$index]) !!}
                                        <div class="col-xs-12 score-holder">
                                            <h5>
                                                <text id="ScoreLabel{!! $index !!}">{{ isset($data->score)?$data->score:'0.00' }} </text>
                                                /
                                                <text id="AllocationOfMarks{!! $index !!}">{{ $data->allocation_of_marks }}</text>
                                            </h5>
                                            <label>点</label></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach


                </div>

                <div class="col-xs-12" id="ButtonHolder">
                    <div class="col-xs-12  text-right">
                        <input
                                id="BackButton"
                                class="btn btn-primary"
                                readonly="readonly"
                                value="キャンセル"/>
                        <input id="SubmitButton"
                                class="btn btn-primary"
                                readonly="readonly"
                                value="確 定"/>
                    </div>
                </div>

            </div>

            <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="DiscardBackOK" onclick="" class="btn btn-primary"
                               data-dismiss="modal"><i class="fa "></i>
                                はい</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>

            <div id="NoEvaModal" 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 no-eva-header">
                            <div class="col-xs-12 inner-col-content no-eva-message">
                                評価期間が設定されていません。<br/>基本設定で評価期間を設定してください。
                            </div>
                        </div>
                        <div class="modal-footer">
                            <a id="EmptyEvaluationOK" onclick="" class="btn btn-primary"
                               data-dismiss="modal"><i class="fa "></i>
                                OK</a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    @endif
    @if( isset($SelectedTeam) &&  count($ClassData) ==0)
        <script>      $(document).ready(function () {
                $('#EmptyDataModal').modal('show');
                $('.backAboutMenu, button.close').on('click', function (e) {
                        e.preventDefault();
                        history.go(-1);
                    });
            }); </script>
    @endif
@stop

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

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

@section('optionalJs')

    <script src="{!! asset('js/lib/validateFrm.js') !!}" type="text/javascript"></script>


    <script>
        $(document).ready(function () {
        	$('.hide-tooltip').tooltip('disable');
        	$('[data-toggle="tooltip"]').tooltip()
            @if(isset($NoEva))
            $('#NoEvaModal').modal('show');
            @endif
            /*Begin Misc*/

            // Submit button Disable submit button when there are on result
            if ($('#TableHolder div').length == 0) {
                $('#SubmitButton').prop('disabled', 'disabled');
            } else {
                $('#SubmitButton').prop('disabled', '');
            }
            // Submit button press
            $('#SubmitButton')
                .off('click.submit')
                .on('click.submit', function () {
                    // 入力値のバリデーションチェック
                    var errorString = Validate();
                    if (errorString.length > 0) {
                        // 入力エラーがある場合
                        $('#CustomeValidate').html(errorString);
                        $('#CustomeValidate').removeClass('hidden');
                    } else if ($($('input[name*="EvaId"]')[0]).val() === '') {
                        $('#NoEvaModal')
                            .modal('show');
                    } else {
                        $('#SubmitModal').modal('show');
                    }

                });

            // Submit button confirmed
            $('#SubmitOK').on('click', function () {
                var errorString = '';//errorCheck();
                if (errorString == '') {
                    $('#IsRegister').val('true');
                    $('#IsBack').val('false');
                    $('#SubmitForm').submit();
                } else {
                    $('#CustomeValidate').html(errorString);
                    $('#CustomeValidate').removeClass('hidden');
                }
            });

            // Client side validation
            function errorCheck() {
                var firstError = true;
                var errorString = '';
                $('.input-method').each(function (idx, obj) {
                    var InputMethod = '#InputMethod' + idx;
                    if ($(InputMethod).val() == '' && firstError == true) {
                        errorString = errorString + ' <span class="text-danger clearfix"> {!! Message::get("E00035") !!}</span>';
                    }
                    return errorString;
                });
                return errorString;
            }

            /*End Misc*/

            // remove inputed character from zerovalue
            $('.result_input')
                .off('change.remove_full_width_char')
                .on('change.remove_full_width_char', function () {

                    var that = this,
                        str = $(that).val();
                    $(that).val(str.replace(/[^0-9\.\-]/g, ''));
                });

            $(".aggregate-value").change(function () {
                var that = this,
                    str = $(that).val();
                $(that).val(str.replace(/[^0-9\.\-]/g, ''));
            });

            // Team list selected -> submit
            $('#TeamList')
                .off('change.team')
                .on('change.team', function () {

                    var that = this,
                        option_selected = $('option:selected', that);
                    $('#IsRegister').val('false');
                    $('#IsBack').val('false');
                    $('#SubmitForm').submit();
                });

            //Back button pressed
            $('#BackButton').on('click', function () {
                $('#BackModal').modal('show');
            });

            //Back button conifirmed
            $('#BackOK').on('click', function () {
                $('#IsRegister').val('false');
                $('#IsBack').val('true');
                $('#SubmitForm').submit();
            });
            
            //DiscardBackOK button conifirmed
            $('#DiscardBackOK').on('click', function () {
                $('#BackForm').submit();
            });

            //EmptyEvaluationOK button conifirmed
            $('#EmptyEvaluationOK').on('click', function () {
                $('#IsRegister').val('false');
                $('#IsBack').val('true');
                $('#SubmitForm').submit();
            });

            //EmptyEvaluationOK button conifirmed
            $('#EmptyEvaluationOK').on('click', function () {
                $('#IsRegister').val('false');
                $('#IsBack').val('true');
                $('#SubmitForm').submit();
            });

            // Recalculte score when change input method
            $('.input-method').change(function () {

                var index = $(this).attr('data-index');
                var aggregateValue = '#aggregate_value' + index;
                var mstZeroValue = '#MstZeroValue' + index;
                var mstPerfectValue = '#MstPerfectValue' + index;
                var allocationOfMarks = '#AllocationOfMarks' + index;


                var zeroValue = parseFloat($(mstZeroValue).val());
                var perfecValue = parseFloat($(mstPerfectValue).val());
                var marks = parseFloat($(allocationOfMarks).text());


                //selected value 一括入力

                var aggregateMethodLabel = '#aggregate-method-label' + index;
                if (this.value == {{ Config::get('const.NCL_INPUT_BULK') }}) {
                    $(aggregateValue).val('');
                    $(aggregateValue).prop('readonly', false);
                    $(aggregateMethodLabel).text('一括入力枠');
                } else {
                    //selected value 月別入力
                    var index = $(this).attr('data-index');
                    var aggregate_method = '#origin_aggregate_method' + index;
                    var sum = 0;
                    var totalValidNumber = 0;

                    $('.result-' + index).each(function (idx, obj) {
                        if (!isNaN(parseFloat($(obj).val()))) {
                            sum = sum + parseFloat($(obj).val());
                            totalValidNumber = totalValidNumber + 1;
                        }
                    });

                    var aggregateValueData = 0;
                    if ($(aggregate_method).val() == '平均') {
                        var aggregateValue = 0;
                        if (isNaN(sum / totalValidNumber)) {
                            aggregateValue = 0;
                        } else {
                            aggregateValue = sum / totalValidNumber;
                        }
                        aggregateValueData = parseFloat(aggregateValue.toFixed(2));
                        $('#aggregate_value' + index).val(aggregateValueData);
                    }

                    if ($(aggregate_method).val() == '合計') {
                        aggregateValueData = parseFloat(sum.toFixed(2));
                        $('#aggregate_value' + index).val(aggregateValueData);
                    }

                    $(aggregateMethodLabel).text($(aggregate_method).val());
                    $('#aggregate_value' + index).prop('readonly', 'readonly');
                }

                //formular cell Y2 in num_result_test.xlsx
                if (zeroValue > perfecValue) {
                    if (aggregateValueData < perfecValue) {
                        aggregateValueData = perfecValue;
                    } else {
                        if (aggregateValueData > zeroValue) {
                            aggregateValueData = zeroValue;
                        }
                    }
                } else {
                    if (aggregateValueData > perfecValue) {
                        aggregateValueData = perfecValue;
                    } else {
                        if (aggregateValueData < zeroValue) {
                            aggregateValueData = 0;
                        }
                    }
                }


                var RangeOfIndicator = '#RangeOfIndicator' + index;
                var ScoreLabel = '#ScoreLabel' + index;
                var hiddenScore = '#HiddenScore' + index;


                        if (aggregateValueData == 0) {
                            var archivement = 0;
                        } else {
                            var archivement = (aggregateValueData - zeroValue);
                        }

                        var allocationOfMarks = '#AllocationOfMarks' + index;

                         var scoreLabel = '#ScoreLabel' + index;
						score = archivement;
                        if (score / $(RangeOfIndicator).val() < 0 || score / $(RangeOfIndicator).val() == 'Infinity' || isNaN(score / $(RangeOfIndicator).val())) {
                            $(scoreLabel).text('0.00');
                            $(hiddenScore).val('0.00');
                        } else {
                            var newScore = score;
                            if(aggregateValueData == zeroValue){
                           	 newScore =0;
                            }else{
                           	  if(!(perfecValue == 0 && score==0)){
                                    newScore = newScore*marks / $(RangeOfIndicator).val();
                                    newScore = parseFloat(Math.round(newScore * 100) / 100);
                                 }else{
                                 	newScore = marks;
                                 }
                            }
                            $(scoreLabel).text(newScore.toFixed(2));
                            $(hiddenScore).val(newScore.toFixed(2));
                        }



                var TotalScore = 0;
                $('[id*="ScoreLabel"]').each(function (idx, obj) {
                    TotalScore = TotalScore + parseFloat($(obj).text());
                });
                $('#TotalScore').text(TotalScore.toFixed(2));
            });

            // Recalculte score when change aggregate value
            $('[class*="aggregate_value"]').on('blur', function () {

                var index = $(this).attr('data-index');
                var aggregateValue = '#aggregate_value' + index;
                var mstZeroValue = '#MstZeroValue' + index;
                var mstPerfectValue = '#MstPerfectValue' + index;
                var allocationOfMarks = '#AllocationOfMarks' + index;

                var aggregateValueData = parseFloat($(aggregateValue).val());
                var zeroValue = parseFloat($(mstZeroValue).val());
                var perfecValue = parseFloat($(mstPerfectValue).val());
                var marks = parseFloat($(allocationOfMarks).text());

                //formular cell Y2 in num_result_test.xlsx
                // because of aggregate never update so don't need to move it in calculate function
                if (zeroValue > perfecValue) {
                    if (aggregateValueData < perfecValue) {
                        aggregateValueData = perfecValue;
                    } else {
                        if (aggregateValueData > zeroValue) {
                            aggregateValueData = zeroValue;
                        }
                    }
                } else {
                    if (aggregateValueData > perfecValue) {
                        aggregateValueData = perfecValue;
                    } else {
                        if (aggregateValueData < zeroValue) {
                            aggregateValueData = 0;
                        }
                    }
                }

                var totalValidNumber = 0;
                $('.result-' + index).each(function (idx, obj) {
                    if (!isNaN(parseFloat($(obj).val()))) {
                        totalValidNumber = totalValidNumber + 1;
                    }
                });

                var ScoreLabel = '#ScoreLabel' + index;
                var hiddenScore = '#HiddenScore' + index;
                var RangeOfIndicator = '#RangeOfIndicator' + index;

                // score zero when
                // 1)  aggregateValue =0
                // 2)  RangeOfIndicator =0 (device by Zero)

                if (aggregateValueData == 0) {
                    var archivement = 0;
                } else {
                    var archivement = (aggregateValueData - zeroValue);
                }

                var allocationOfMarks = '#AllocationOfMarks' + index;

                var scoreLabel = '#ScoreLabel' + index;

                score = archivement;
                //score <0 or infinite -> zero
                if (score / $(RangeOfIndicator).val() < 0 || score / $(RangeOfIndicator).val() == 'Infinity' || isNaN(score / $(RangeOfIndicator).val())) {
                    $(scoreLabel).text('0.00');
                    $(hiddenScore).val('0.00');
                } else {
                    var newScore = score;
                    if(aggregateValueData == zeroValue){
                   	 newScore =0;
                    }else{
                   	  if(!(perfecValue == 0 && score==0)){
                         	newScore = newScore*marks / $(RangeOfIndicator).val();
                            newScore = parseFloat(Math.round(newScore * 100) / 100);
                         }else{
                         	newScore = marks;
                         }
                    }
                    $(scoreLabel).text(newScore.toFixed(2));
                    $(hiddenScore).val(newScore.toFixed(2));
                }

                var TotalScore = 0;
                $('[id*="ScoreLabel"]').each(function (idx, obj) {
                    TotalScore = TotalScore + parseFloat($(obj).text());
                });
                $('#TotalScore').text(TotalScore.toFixed(2));
            });

            // Recalculte score when change result_month
            $('[class*="result"]').on('blur', function () {

                var index = $(this).attr('data-index');
                var aggregateValue = '#aggregate_value' + index;
                var mstZeroValue = '#MstZeroValue' + index;
                var mstPerfectValue = '#MstPerfectValue' + index;
                var allocationOfMarks = '#AllocationOfMarks' + index;

                var zeroValue = parseFloat($(mstZeroValue).val());
                var perfecValue = parseFloat($(mstPerfectValue).val());
                var marks = parseFloat($(allocationOfMarks).text());


                //selected value 一括入力
                var inputmethod = '#InputMethod' + index;
                var hiddenScore = '#HiddenScore' + index;
                if (document.getElementById('InputMethod' + index).value == {{ Config::get('const.NCL_INPUT_BULK') }}) {

                } else {
                    //selected value 月別入力
                    var index = $(this).attr('data-index');
                    var aggregate_method = '#origin_aggregate_method' + index;
                    var sum = 0;
                    var totalValidNumber = 0;
                    $('.result-' + index).each(function (idx, obj) {
                        if (!isNaN(parseFloat($(obj).val()))) {
                            sum = sum + parseFloat($(obj).val());
                            totalValidNumber = totalValidNumber + 1;
                        }
                    });

                    var aggregateValueData = 0;

                    if ($(aggregate_method).val() == '平均') {
                        aggregateValueData = (sum / totalValidNumber).toFixed(2);
                        $(aggregateValue).val(isNaN(aggregateValueData) ? 0 : aggregateValueData);
                    }

                    if ($(aggregate_method).val() == '合計') {
                        aggregateValueData = sum.toFixed(2);
                        $(aggregateValue).val(sum.toFixed(2));
                    }


                    //formular cell Y2 in num_result_test.xlsx
                    // move to here because when focus out result input, aggregate value will update
                    // new aggredateVlue = aggregateValueData
                    if (zeroValue > perfecValue) {
                        if (aggregateValueData < perfecValue) {
                            aggregateValueData = perfecValue;
                        } else {
                            if (aggregateValueData > zeroValue) {
                                aggregateValueData = zeroValue;
                            }
                        }
                    } else {
                        if (aggregateValueData > perfecValue) {
                            aggregateValueData = perfecValue;
                        } else {
                            if (aggregateValueData < zeroValue) {
                                aggregateValueData = 0;
                            }
                        }
                    }

                    var RangeOfIndicator = '#RangeOfIndicator' + index;
                    if (aggregateValueData == 0) {
                        var archivement = 0;
                    } else {
                        var archivement = (aggregateValueData - zeroValue);
                    }

                    score = archivement;
                    var scoreLabel = '#ScoreLabel' + index;

                    if (score / $(RangeOfIndicator).val() < 0 || score / $(RangeOfIndicator).val() == 'Infinity' || isNaN(score / $(RangeOfIndicator).val())) {
                        $(scoreLabel).text('0.00');
                        $(hiddenScore).val('0.00');
                    } else {
                        var newScore = score;

                         if(aggregateValueData == zeroValue){
                        	 newScore =0;
                         }else{
                        	  if(!(perfecValue == 0 && score==0)){
                                newScore = newScore*marks / $(RangeOfIndicator).val();
                                newScore = parseFloat(Math.round(newScore * 100) / 100);
                              }else{
                              	newScore = marks;
                              }
                         }
                        $(scoreLabel).text(newScore.toFixed(2));
                        $(hiddenScore).val(newScore.toFixed(2));
                    }
                }
                var TotalScore = 0;
                $('[id*="ScoreLabel"]').each(function (idx, obj) {
                    TotalScore = TotalScore + parseFloat($(obj).text());
                });
                $('#TotalScore').text(TotalScore.toFixed(2));
            });

        });

        /**
         * 入力値のバリデーションチェック
         * @return {string} エラーメッセージ
         */
        function Validate() {
            var inputMethod = $('.input-method');
            var errorString = '';
            var errorSpan = ' <span class="text-danger clearfix">';
            var span = '</span>';
            inputMethod.each(function (idx, obj) {
                // 月別成果
                var month = {{Config::get('const.MONTH_4')}};
                for(i = {{Config::get('const.MONTH_1')}} ; i <= {{Config::get('const.NCL_MONTH_LOOP')}} ; i++){
                    var monthVal = $('.result-'+ idx + '.month' + month).val();
                    if(monthVal === ''){
                        // 何もしない
                    }
                    // 数値以外の場合
                    else if(isNaN(monthVal)){
                        errorString = errorString + errorSpan + '{!! Message::get("E00097", ["Field" => "'+ month + '月"]) !!}' + span;
                    }
                    // 小数点以下が3桁以上の場合
                    else if(monthVal.match(/^[0-9]+\.[0-9][0-9][0-9]+$/)){
                        errorString = errorString + errorSpan + '{!! Message::get("E00099", ["Field" => "'+ month + '月", "Length" => "2"]) !!}' + span;
                    }
                    // 整数部分が6桁以上の場合
                    else if(String((parseInt(monthVal)*{{Config::get('const.NCL_DIGITS_MATCHING')}})).length > 7){
                        errorString = errorString + errorSpan + '{!! Message::get("E00100", ["Field" => "'+ month + '月", "Length" => "5"]) !!}' + span;
                    }

                    // チェック対象の月を進める処理
                    if(month === {{Config::get('const.MONTH_12')}}){
                         month = {{Config::get('const.MONTH_1')}};
                    }else{
                        month ++;
                    }
                }

                // 一括入力枠
                var aggregateValue = $('.aggregate_value'+ idx).val();
                if(aggregateValue === ''){
                    // 何もしない
                }
                // 数値以外の場合
                else if(isNaN(aggregateValue)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00097", ["Field" => "一括入力枠"]) !!}' + span;
                }
                // 小数点以下が3桁以上の場合
                else if(aggregateValue.match(/^[0-9]+\.[0-9][0-9][0-9]+$/)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00099", ["Field" => "一括入力枠", "Length" => "2"]) !!}' + span;
                }
                // 整数部分が8桁以上の場合
                else if(String((parseInt(aggregateValue)*{{Config::get('const.NCL_DIGITS_MATCHING')}})).length > 9){
                    errorString = errorString + errorSpan + '{!! Message::get("E00100", ["Field" => "一括入力枠", "Length" => "7"]) !!}' + span;
                }
            });
            return errorString;
        }
    </script>

@append