@extends('layouts.master')

@section('link')
    <link href="{!! asset('css/common/chartist.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/numstaff/nst003.css') !!}" rel="stylesheet">
    <script src="{!! asset('js/numstaff/nst003.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/common/chartist.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/common/chartist-plugin-axistitle.min.js') !!}" type="text/javascript"></script>

    @include('layouts.header')
    <script>

        $(document).ready(function () {
            @if($EvaEmpty)
                // 評価期間未設定の場合
                $('#NoEvaModal').modal('show');
            @elseif($StaffName && count($GraphData) === 0)
                // 職員名が選択されていて、グラフデータが存在しない場合
                $('#EmptyDataModal').modal('show')
                $('.backAboutMenu, button.close').on('click', function (e) {
                    e.preventDefault();
                        history.go(-1);
                });
            @elseif(!$StaffName || count($GraphData) === 0)
                // 職員名が選択されていない場合、または、グラフデータが存在しない場合
                $('#SubmitButton').prop('disabled', 'disabled');
            @elseif(count($GraphData) !== 0)
                // グラフデータが存在する場合
                $('#SubmitButton').prop('disabled', '');
            @endif

            //個人別の数値指標それぞれのグラフ表示
            @foreach($GraphData as $index => $data)
                var newScoreAllocation = {!! $NewGraphScore[$index] !!},
                    maxScore = "{{ Config::get('const.NST_GRAPH_10') }}",
                    resultScore = 0;
                    scoreAllocation = 0;
                // 数値指標の得点を取得
                $.each({!!  $GraphData[$index] !!}, function(i, val){
                    if(resultScore < val){
                        resultScore = val;
                    }
                });
                // 数値指標の配点を取得
                $.each({!!  $GraphScore[$index] !!}, function(i, val){
                    if(scoreAllocation < val){
                        scoreAllocation = val;
                    }
                });
                if(scoreAllocation < newScoreAllocation){
                    scoreAllocation = newScoreAllocation;
                }
                // 個人別評価が存在しない場合
                if(resultScore !== 0){
                    maxScore = (Math.floor(scoreAllocation / "{{ Config::get('const.NST_GRAPH_10') }}" ) + 1) * "{{ Config::get('const.NST_GRAPH_10') }}";
                }
    
                var YRange = [0, 
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 1,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 2,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 3,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 4,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 5,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 6,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 7,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 8,
                            maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 9,
                            maxScore];
                var YHigh = maxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 11;
                var chartist = new Chartist.Line(
                    '#canvas{!! $index !!}',
                    {
                        labels:{!! $GraphLabel[$index] !!},
                        series: [{!! $GraphData[$index] !!}]
                    },
                    {
                        height: 200,
                        width: 375,
                        axisY: {
                            type: Chartist.FixedScaleAxis,
                            low: 0,
                            high: YHigh,
                            ticks: YRange,
                            
                        },
                        plugins: [
                            Chartist.plugins.ctAxisTitle({
                                axisX: {
                                    axisTitle: '(年)',
                                    axisClass: 'ct-axisx-title',
                                    offset: {
                                        x: 145,
                                        y: 13
                                    },
                                    textAnchor: 'middle',
                                },
                                axisY: {
                                    axisTitle: '(点)',
                                    axisClass: 'ct-axisy-title ct-axisx-title',
                                    offset: {
                                        x: 33,
                                        y: -77
                                    },
                                    textAnchor: 'middle',
                                }
                            })
                        ]
                    }
                );
            @endforeach
            //個人別の数値指標合計のグラフ表示
            @if(count($MainGraphData)>0)
                var totalScore = 0,
                    newTotalScore = {!! $NewTotalScore !!};
                $.each({!! $TotalScore !!}, function(i, val){
                    if(totalScore < val){
                        totalScore = val;
                    }
                });
                if(totalScore < newTotalScore){
                    totalScore = newTotalScore;
                }
                var mainMaxScore = (Math.floor(totalScore / "{{ Config::get('const.NST_GRAPH_100') }}" ) + 1) * "{{ Config::get('const.NST_GRAPH_100') }}";
    
                var mainYRange = [0, 
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 1,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 2,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 3,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 4, 
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 5,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 6,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 7,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 8,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 9,
                                mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 10];
                var mainYHigh = mainMaxScore/"{{ Config::get('const.NST_GRAPH_10') }}" * 11;
                var mainChartist = new Chartist.Line(
                    '#canvas',
                    {
                        labels:{!! $MainGraphLabel[0] !!},
                        series: [{!! $MainGraphData[0] !!}]
                    },
                    {
                        height: 250,
                        width: 300,
                        axisY: {
                            type: Chartist.FixedScaleAxis,
                            low: 0,
                            high: mainYHigh,
                            ticks:mainYRange,
                        },
                        plugins: [
                            Chartist.plugins.ctAxisTitle({
                                axisX: {
                                    axisTitle: '(年)',
                                    axisClass: 'ct-axisx-title',
                                    offset: {
                                        x: 110,
                                        y: 13
                                    },
                                    textAnchor: 'middle',
    
                                },
                                axisY: {
                                    axisTitle: '(点)',
                                    axisClass: 'ct-axisy-title ct-axisx-title',
                                    offset: {
                                        x: 32,
                                        y: -100
                                    },
                                    textAnchor: 'middle'
                                }
                            })
                        ]
                    }
                );
                chartist.on('draw', function(data){
                    $('.ct-grids').each(function (idx, obj) {
                        var vertical = $(obj).find("[class*=ct-vertical]");
                        $(vertical[0]).css('stroke', '#00a2bf');
                        $(vertical[0]).css('stroke-width', '2px');
                        $(vertical[0]).css('display', 'inherit');
                    });
    
                });
                mainChartist.on('draw', function(data){
                    $('.ct-grids').each(function (idx, obj) {
                        var vertical = $(obj).find("[class*=ct-vertical]");
                        $(vertical[0]).css('stroke', '#00a2bf');
                        $(vertical[0]).css('stroke-width', '2px');
                        $(vertical[0]).css('display', 'inherit');
                    });
    
                });
            @endif
        });
    </script>
@stop

@section('content')


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

{!!Form::open(array('url'=>'numstaff/nst003', 'class'=>'form-inline','id'=>'SubmitForm','method'=>'Post')) !!}

{!! Form::hidden('IsPrint','false', ['id'=>'IsPrint']) !!}
{!! Form::hidden('IsTeamGroup','false', ['id'=>'IsTeamGroup']) !!}
{!! Form::hidden('IsChangeValue','false', ['id'=>'IsChangeValue']) !!}



@if(!$StaffName || ($StaffName && count($GraphTitle) >0))
    <div class="container">
        <div class="col-xs-12">
            <h4><strong>推移グラフ閲覧・印刷</strong></h4>
        </div>
        @if(3 === Auth::user()->auth)
            <div class="col-xs-12">
                <h5><strong>職員名</strong></h5>
                {{sprintf('%s %s', $StaffInfo->last_name, $StaffInfo->first_name)}}
            </div>
        @else
        <div class="col-xs-12">
            <h5 style="margin-bottom: 5px;"><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"></td>
            </tr>
        </table>
        @endif
        <div class="col-xs-12  sub-header">
            <div class="col-xs-4" style="height: 300px;">
                <div class="col-xs-12" id="CanvasTitleHolder">
                    <h6>数値指標総合点の推移：</h6>
                </div>

                <div class="col-xs-12  text-right" id="CanvasHolder" style="height: 230px;">
                    <div id="canvas"></div>
                </div>

                <div class="col-xs-12" id="ChartTitleHolder">
                    <h6>数値指標：</h6>
                </div>

                <div class="col-xs-12" id="ChartList">
                    <ol>
                        @foreach($GraphTitle as  $index =>  $data)
                            @if($NumIndexFlg[$index] !== 1)
                                <li><b>{{ $data }}</b></li>
                            @else
                                <li class='without-group-title'> {{ $data }}</li>
                            @endif
                        @endforeach
                    </ol>
                    <div class="col-xs-12">
                        <h6>※現在、登録されていない数値指標はグレーで表示されています。</h6>
                    </div>
                </div>
            </div>
            <div class="col-xs-8 " id="ChartDetail">
                <div class="col-xs-12 ">
                    <div class="col-xs-12 no-padding-div">
                        @foreach($GraphTitle as $index =>  $data)
                            <div class="col-xs-6 no-padding-div" style="height: 290px;">
                                <div class="col-xs-12 ">
                                    @if($NumIndexFlg[$index] !== 1)
                                        <h5><b> {{ '　　'. ($index  +1) .'. ' .$data }}</b></h5>
                                    @else
                                        <h5><font class='without-group-title'> {{ '　　'. ($index  +1) .'. ' .$data }}</font></h5>
                                    @endif
                                </div>
                                <div class="col-xs-12" id="CanvasDetail">
                                    <div id="canvas{{ $index }}"></div>
                                    @if(count($GraphData[$index]) === 6 )
                                        <table id="CanvasData5">
                                            <tr>
                                                <td>
                                                    @if($GraphData[$index][1] !== null)
                                                        {{  $GraphData[$index][1] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null)
                                                        {{  $GraphData[$index][2] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][3] !== null)
                                                        {{  $GraphData[$index][3] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][4] !== null)
                                                        {{  $GraphData[$index][4] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][5] !== null)
                                                        {{  $GraphData[$index][5] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    -
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][1] !== null && $GraphData[$index][2] !== null)
                                                        {{ $GraphData[$index][2] - $GraphData[$index][1]>0?'+':'' }} {{ number_format($GraphData[$index][2] - $GraphData[$index][1],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null && $GraphData[$index][3] !== null)
                                                        {{ $GraphData[$index][3] - $GraphData[$index][2]>0?'+':'' }} {{ number_format($GraphData[$index][3] - $GraphData[$index][2],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][3] !== null && $GraphData[$index][4] !== null)
                                                        {{ $GraphData[$index][4] - $GraphData[$index][3]>0?'+':'' }} {{ number_format($GraphData[$index][4] - $GraphData[$index][3],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][4] !== null && $GraphData[$index][5] !== null)
                                                        {{ $GraphData[$index][5] - $GraphData[$index][4]>0?'+':'' }} {{ number_format($GraphData[$index][5] - $GraphData[$index][4],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                            </tr>
                                        </table>
                                    @endif
                                    @if(count($GraphData[$index]) === 5 )
                                        <table id="CanvasData4">
                                            <tr>
                                                <td>
                                                    @if($GraphData[$index][1] !== null)
                                                        {{  $GraphData[$index][1] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null)
                                                        {{  $GraphData[$index][2] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][3] !== null)
                                                        {{  $GraphData[$index][3] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][4] !== null)
                                                        {{  $GraphData[$index][4] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    -
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][1] !== null && $GraphData[$index][2] !== null)
                                                        {{ $GraphData[$index][2] - $GraphData[$index][1]>0?'+':'' }} {{ number_format($GraphData[$index][2] - $GraphData[$index][1],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null && $GraphData[$index][3] !== null)
                                                        {{ $GraphData[$index][3] - $GraphData[$index][2]>0?'+':'' }} {{ number_format($GraphData[$index][3] - $GraphData[$index][2],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][3] !== null && $GraphData[$index][4] !== null)
                                                        {{ $GraphData[$index][4] - $GraphData[$index][3]>0?'+':'' }} {{ number_format($GraphData[$index][4] - $GraphData[$index][3],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                            </tr>

                                        </table>
                                    @endif
                                    @if(count($GraphData[$index]) === 4 )
                                        <table id="CanvasData3">
                                            <tr>
                                                <td>
                                                    @if($GraphData[$index][1] !== null)
                                                        {{  $GraphData[$index][1] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null)
                                                        {{  $GraphData[$index][2] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][3] !== null)
                                                        {{  $GraphData[$index][3] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    -
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][1] !== null && $GraphData[$index][2] !== null)
                                                        {{ $GraphData[$index][2] - $GraphData[$index][1]>0?'+':'' }} {{ number_format($GraphData[$index][2] - $GraphData[$index][1],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null && $GraphData[$index][3] !== null)
                                                        {{ $GraphData[$index][3] - $GraphData[$index][2]>0?'+':'' }} {{ number_format($GraphData[$index][3] - $GraphData[$index][2],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                            </tr>
                                        </table>
                                    @endif
                                    @if(count($GraphData[$index]) === 3 )
                                        <table id="CanvasData2">
                                            <tr>
                                                <td>
                                                    @if($GraphData[$index][1] !== null)
                                                        {{  $GraphData[$index][1] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][2] !== null)
                                                        {{  $GraphData[$index][2] }} 点
                                                    @else
                                                        - 点
                                                    @endif
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>
                                                    -
                                                </td>
                                                <td>
                                                    @if($GraphData[$index][1] !== null && $GraphData[$index][2] !== null)
                                                        {{ $GraphData[$index][2] - $GraphData[$index][1]>0?'+':'' }} {{ number_format($GraphData[$index][2] - $GraphData[$index][1],2,'.','') }}
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                            </tr>

                                        </table>
                                    @endif
                                    @if(count($GraphData[$index]) === 2 )
                                        <table id="CanvasData1">
                                            <tr>
                                                <td>
                                                    {{  $GraphData[$index][1] }} 点
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    -
                                                </td>
                                            </tr>
                                        </table>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <div id="ButtonHolder" class="col-xs-12">
            <div class="col-xs-12 text-right">
                <input id="BackButton" class="btn btn-primary" readonly="readonly" type= "button" value="メニューへ戻る">
                <input id="SubmitButton" readonly="readonly" class="btn btn-primary" type= "button" value="印刷">
            </div>
        </div>
    </div>
@endif


{!! Form::close() !!}
@stop

@include ('layouts.footer')