@extends('layouts.master')
@section('link')
    <link href="{!! asset('css/numstaff/nst001.css') !!}" rel="stylesheet">
    <script src="{!! asset('js/numstaff/nst001.js') !!}" type="text/javascript"></script>
@include('layouts.header')
@stop
@section('content')
{!! Form::open(array('url'=>'numstaff/nst001', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
{!! Form::hidden('IsBack','false', ['id'=>'IsBack']) !!}
{!! Form::hidden('IsTeamGroup','false', ['id'=>'IsTeamGroup']) !!}
{!! Form::hidden('IsChangeValue','false', ['id'=>'IsChangeValue']) !!}
{!! Form::hidden('IsRegister','false', ['id'=>'IsRegister']) !!}

<div class="container">
    <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>
    <div id="NumStaffError" class=" hidden alert alert-danger"></div>
    <div class="col-xs-12">
        <h4><strong>結果入力</strong></h4>
    </div>
    @if(Auth::user()->auth === 3)
    {!! Form::hidden('StaffName',$StaffName, ['id'=>'StaffName']) !!}
    <table class="col-xs-12 SearchBox">
        <tr>
            <td>
                <div>
                    <h5><strong>職員名</strong></h5>
                    {{sprintf('%s %s', $StaffInfo->last_name, $StaffInfo->first_name)}}
                </div>
            </td>
            <td class="col-xs-5 Period">
                <div id="PeriodHolder">
                    <h5>評価期間:{{ $EvaluationDate }}</h5>
                </div>
            </td>
        </tr>
    </table>
    @else
    <div class="col-xs-12">
        <h5 class="SearchTitle"><strong>検索条件</strong></h5>
    </div>
    <table class="col-xs-12 SearchBox">
        <tr>
            <td class="col-xs-7 SearchBoxBorder">
                <div class="col-xs-3" id="TeamNameHolder">
                    <h5 class="TeamGroupLabel">チーム分類</h5>
                    {!! Form::n_select('TeamGroup', $TeamGroups, old('TeamGroup',$TeamGroup ) ,  Message::get('C00001',['a']) , ['id' => 'TeamGroup', 'class' => 'form-control normal-input'], null) !!}
                    <h5 class="TeamNameLabel">チーム名</h5>
                    {!! Form::n_select('TeamName', $TeamNames, old('TeamName',$TeamName ) ,  Message::get('C00001',['a']) , ['id' => 'TeamName', 'class' => 'form-control normal-input'], null) !!}
                </div>
                <div class="col-xs-12" id="StaffNameHolder">
                    <h5 class="StaffGroupLabel">職員分類</h5>
                    {!! Form::n_select('StaffGroup', $StaffGroups, old('StaffGroup',$StaffGroup ) ,  Message::get('C00001',['a']) , ['id' => 'StaffGroup', 'class' => 'form-control normal-input'], null) !!}
                    <h5 class="StaffNameLabel">職員名<span class="RequiredText">（必須）</span></h5>
                    {!! Form::n_select('StaffName', $StaffNames, old('StaffName',$StaffName ) ,  Message::get('C00001',['a']) , ['id' => 'StaffName', 'class' => 'form-control normal-input'], null) !!}
                </div>
            </td>
        <td class="col-xs-5 Period">
            <div id="PeriodHolder">
                <h5>評価期間:{{ $EvaluationDate }}</h5>
            </div>
        </td>
        </tr>
    </table>
    @endif
        <div class="col-xs-12 ScoreLabel">
            <h4>個人結果：
            <text id="TotalPoint">{{ $TotalPoint }}</text>
            /
            <text id="TotalScoreAllocation">{{ $TotalScoreAllocation }}</text>
            点</h4>
        </div>
    <div class="col-xs-12" id="MainTable">
        @if(count($SearchResult)>0)

            @foreach($SearchResult as $index =>  $data)

            {!! Form::hidden('NumId []', isset($data->numberical_id) ? $data->numberical_id : '') !!}
            {!! Form::hidden('NumName []', isset($data->numberical_name) ? $data->numberical_name : '') !!}
            {!! Form::hidden('EvaId []', isset($EvaluationId) ? $EvaluationId : '') !!}

            {!! Form::hidden('MstViewPoint []', isset($data->viewpoint) ? $data->viewpoint : '' ) !!}
            {!! Form::hidden('MstRule []', isset($data->rule) ? $data->rule : '' ) !!}
            {!! 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('MstPoint []', isset($data->point) ? $data->point : '' ) !!}
            {!! Form::hidden('MstNote []', isset($data->note) ? $data->note : '' ) !!}
            {!! Form::hidden('DispOrder []', isset($data->disp_order) ? $data->disp_order : '' ) !!}


                <div class="col-xs-12">
                    <div class="col-xs-12">
                        <div class="col-xs-12 numberical">
                            <h5>数値指標：{{ $index +1 }}</h5>
                        </div>
                        <div class="col-xs-12 data-name">
                            <h3>{{  $data->numberical_name }}</h3>
                        </div>
                    </div>
                    <div class="col-xs-12 ">
                        <div class="col-xs-12 input-method-selector">
                            <h5>入力方法</h5>
                            {!! Form::cd_select('InputMethod []', Config::get('cd_const.INPUT_METHOD'), $data->input_method, true, null, null, ['id' => 'InputMethod'.$index, 'class' => 'form-control normal-input input-method'], null) !!}
                        </div>
                    </div>
                    <div class="col-xs-12 no-padding-right">
                        <div class="col-xs-1 unit">
                            <div class="col-xs-12">
                                <h5>成果（{{  $data->unit }}）</h5>
                                <input class="hidden" name="MstUnits []" type="text" value="{{  $data->unit }}">
                            </div>
                        </div>
                        <div class="col-xs-8 month-table" id="InputContent">
                            <div class="col-xs-1">
                                <div class="col-xs-12">4月</div>
                                <div class="col-xs-12"> 
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month4" maxlength="8" placeholder="－" name="Results4 []" type="text" value="{{ $data->result_month_4 !== null ? $data->result_month_4/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">5月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month5" maxlength="8" placeholder="－" name="Results5 []" type="text" value="{{ $data->result_month_5 !== null ? $data->result_month_5/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">6月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month6" maxlength="8" placeholder="－" name="Results6 []" type="text" value="{{ $data->result_month_6 !== null ? $data->result_month_6/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">7月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month7" maxlength="8" placeholder="－" name="Results7 []" type="text" value="{{ $data->result_month_7 !== null ? $data->result_month_7/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">8月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month8" maxlength="8" placeholder="－" name="Results8 []" type="text" value="{{ $data->result_month_8 !== null ? $data->result_month_8/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">9月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month9" maxlength="8" placeholder="－" name="Results9 []" type="text" value="{{ $data->result_month_9 !== null ? $data->result_month_9/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">10月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month10" maxlength="8" placeholder="－" name="Results10 []" type="text" value="{{ $data->result_month_10 !== null ? $data->result_month_10/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">11月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month11" maxlength="8" placeholder="－" name="Results11 []" type="text" value="{{ $data->result_month_11 !== null ? $data->result_month_11/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">12月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month12" maxlength="8" placeholder="－" name="Results12 []" type="text" value="{{ $data->result_month_12 !== null ? $data->result_month_12/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">1月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month1" maxlength="8" placeholder="－" name="Results1 []" type="text" value="{{ $data->result_month_1 !== null ? $data->result_month_1/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">2月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month2" maxlength="8" placeholder="－" name="Results2 []" type="text" value="{{ $data->result_month_2 !== null ? $data->result_month_2/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                            <div class="col-xs-1">
                                <div class="col-xs-12">3月</div>
                                <div class="col-xs-12">
                                    <input data-index="0" class="result_input form-control result-{{ $index }} month3" maxlength="8" placeholder="－" name="Results3 []" type="text" value="{{ $data->result_month_3 !== null ? $data->result_month_3/Config::get('const.NST_DIGITS_MATCHING') : ''}}">
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-1 percent-div">
                            <div class="col-xs-12">
                                <div class="col-xs-12 text-center input_method aggregate_div">
                                    <input name="OriginAggregateMethods []" class="hidden" id="origin_aggregate_pattern{{ $index }}" value="{!! $data->aggregate_pattern !!}"/>
                                    <div id ="arg{{ $index }}">
                                    @if($data->input_method === Config::get('cd_const.INPUT_METHOD_BULK'))
                                        {!! Form::cd_label(Config::get('cd_const.INPUT_METHOD'), $data->input_method) !!}
                                    @else
                                        {!! Form::cd_label(Config::get('cd_const.AGGREGATE_PATTERN'), $data->aggregate_pattern) !!}
                                    @endIf
                                    </div>
                                </div>
                                <div class="col-xs-12 aggregate-value-holder">
                                    @if($data->input_method === Config::get('cd_const.INPUT_METHOD_BULK'))
                                        <input id="aggregate_value{{ $index }}" data-index="0" class="text-center form-control aggregate-value" maxlength="10" placeholder="－" name="AggregateValues []" type="text" value="{{ $data->batch_input }}">
                                    @else
                                       <input readonly="readonly" id="aggregate_value{{$index}}" data-index="0" class="text-center form-control aggregate-value" maxlength="10" placeholder="－" name="AggregateValues []" type="text" value="{{ $data->batch_input }}">
                                    @endIf
                                       <h5 class="second-unit-holder">{{ $data->unit }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-2" id="RowTotal">
                            <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" id="ScoreHolder">
                                    <input name="zeroValue []" class="hidden" id="zero_value{{ $index }}" value="{!! $data->zero_value !!}"/>
                                    <input name="perfectValue []" class="hidden" id="perfect_value{{ $index }}" value="{!! $data->perfect_value !!}"/>
                                    <input name="scoreAllocation []" class="hidden" id="score_allocation{{ $index }}" value="{!! $data->score_allocation !!}"/>
                                    <h5>
                                        <text id="ScoreLabel{!! $index !!}">{{ isset($data->score)?$data->score:'0.00' }}</text>
                                        /
                                        <text id="AllocationAllocation{!! $index !!}">{{ $data->score_allocation }}</text>
                                    </h5>
                                    <label>点</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
    <div class="col-xs-12" id="SubmitHolder">
        <div class="col-xs-12  text-right">
            <input id="CancelBtn" readonly="readonly" class="btn btn-primary" type= "button" value="キャンセル">
            <input data-can_access="true" id="SubmitBtn" readonly="readonly" type= "button" class="btn btn-primary" value="確 定">
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        @if($EvaEmpty || $NumEmpty)
            $('#NoEvaModal').modal('show');
        @endif

        @if(count($SearchResult) === 0)
            //数値指標を表示していない場合
            $('#SubmitBtn').prop('disabled', 'disabled');
        @else
            $('#SubmitBtn').prop('disabled', '');
        @endif

    });
    // 入力方法変更
    $('.input-method').change(function () {
        var that = this;
        calc(true, that);
    });
    // 月別成果または一括入力枠フォーカスアウト時
    $('.result_input, .aggregate-value').on('blur', function () {
        // 入力規制
        var that = this,
            str = $(that).val();
        $(that).val(str.replace(/[^0-9\.\-]/g, ''));
        // 画面表示処理
        calc(false, that);
    });


    function calc(changeInput, that){
        var inputId = $(that).attr('id');
        var inputMethod = $('.input-method');
        var totalscore = 0;
        inputMethod.each(function (idx, obj) {
            var inputVal = $(inputMethod[idx]).val();
            var originArg = $('#origin_aggregate_pattern' + idx).val();
            var aggregateValue = $('#aggregate_value' + idx);
            var zeroValue = parseFloat($('#zero_value' + idx).val())/{{Config::get('const.NST_DIGITS_MATCHING')}};
            var perfectValue = parseFloat($('#perfect_value' + idx).val())/{{Config::get('const.NST_DIGITS_MATCHING')}};
            var allocationValue = parseFloat($('#score_allocation' + idx).val());
            var score = 0;
            var aggregateLabel = $('#arg' + idx);
            if (inputVal === "{{ Config::get('cd_const.INPUT_METHOD_MONTH') }}") {

                // 一括入力枠の名称変更
                if(originArg　=== "{{ Config::get('cd_const.AGGREGATE_PATTERN_AVERAGE') }}") {
                    // 平均の場合
                    $(aggregateLabel).html('{!! Form::cd_label(Config::get("cd_const.AGGREGATE_PATTERN"), Config::get("cd_const.AGGREGATE_PATTERN_AVERAGE")) !!}');

                } else if(originArg　=== "{{ Config::get('cd_const.AGGREGATE_PATTERN_TOTAL') }}"){
                    // 合計の場合
                    $(aggregateLabel).html('{!! Form::cd_label(Config::get("cd_const.AGGREGATE_PATTERN"), Config::get("cd_const.AGGREGATE_PATTERN_TOTAL")) !!}');
                }

                var totalVal = 0;
                var inputMonth = 0;
                // 月別成果合計値の取得
                for(i = {{Config::get('const.MONTH_1')}} ; i <= {{Config::get('const.NST_MONTH_LOOP')}} ; i++){
                    var monthVal = $('.result-'+ idx + '.month' + i).val();
                    if(monthVal !== '' && !isNaN(monthVal)){
                        totalVal = totalVal + parseFloat(monthVal);
                        inputMonth++;
                    }
                }
                if(inputMonth === 0){
                    aggregateValue.val('');
                } else {
                    if(originArg　=== "{{ Config::get('cd_const.AGGREGATE_PATTERN_AVERAGE') }}") {
                        // 平均の場合
                        // 得点の計算
                        score = (totalVal - zeroValue * inputMonth) * allocationValue / ((perfectValue - zeroValue) * inputMonth);

                        // 一括入力枠
                        totalVal = Math.round(totalVal / inputMonth * {{Config::get('const.NST_DIGITS_MATCHING')}}) / {{Config::get('const.NST_DIGITS_MATCHING')}};

                    } else if(originArg　=== "{{ Config::get('cd_const.AGGREGATE_PATTERN_TOTAL') }}"){
                        // 合計の場合
                        // 得点の計算
                        score = (totalVal - zeroValue) * allocationValue / (perfectValue - zeroValue);
                    }
                    aggregateValue.val(totalVal.toFixed(2));
                }

                // 一括入力枠を非活性にする処理
                aggregateValue.prop('readonly', 'readonly');
            }
            else if(inputVal === "{{ Config::get('cd_const.INPUT_METHOD_BULK') }}") {
                // 一括の場合
                // 一括入力枠の名称変更
                $(aggregateLabel).html('{!! Form::cd_label(Config::get("cd_const.INPUT_METHOD"), Config::get("cd_const.INPUT_METHOD_BULK")) !!}');

                if(changeInput && inputId === 'InputMethod' + idx){
                    // 入力方法の変更を行った行だけ値をクリアする
                    score = 0;
                    aggregateValue.val('');
                }
                else if(aggregateValue.val()) {
                    // ロストフォーカス時の点の計算
                    var aggregatevVal = parseFloat(aggregateValue.val());
                    score = (aggregatevVal - zeroValue) * allocationValue / (perfectValue - zeroValue);
                }
                aggregateValue.prop('readonly', false);
            }

            score = Math.round(score * {{Config::get('const.NST_DIGITS_MATCHING')}}) / {{Config::get('const.NST_DIGITS_MATCHING')}};
            if(score > allocationValue){
                score = allocationValue;
            }
            else if (score < 0){
                score = 0;
            }
            $('#HiddenScore'+ idx).val(score.toFixed(2));
            $('#ScoreLabel'+ idx).text(score.toFixed(2));

            totalscore = totalscore + score;
        });
        $('#TotalPoint').text(totalscore.toFixed(2));
    }
    //確定ボタン
    $('#SubmitBtn')
        .off('click.submit')
        .on('click.submit', function () {
            var errorString = Validate();
            if (errorString.length > 0) {
                $('#NumStaffError').html(errorString);
                $('#NumStaffError').removeClass('hidden');
            } else {
                $('#SubmitModal').modal('show');
            }
        });

    // validate function
    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.NST_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.NST_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 ++;
                }
            }
        });
        return errorString;
    }

</script>

<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 empty-header">
                <div class="col-xs-12 inner-col-content empty-message">
                    @if($EvaEmpty)
                        {!! Message::get("E00094") !!}
                    @elseif($NumEmpty)
                        {!! Message::get("E00102") !!}
                    @endif
                </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::close() !!}
@stop
@include ('layouts.footer')