@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/numstaff/nst004.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/common/common.css') !!}" rel="stylesheet">

@stop

@section('content')
    {!! Form::open(array('url'=>'numstaff/modify', 'class'=>'form-inline',  'id'=>'GetModifyForm','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'ModifyId']) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'numstaff/copyregister', 'class'=>'form-inline',  'id'=>'GetCopyRegister','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'CopyId']) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'numstaff/backMenu', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'numstaff/modify', 'class'=>'form-inline',  'id'=>'ArrowGetFailForm','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'ArrowMoveId']) !!}
    {!! Form::close() !!}
    @if($IsModify)
        {!! Form::open(array('url'=>'/numstaff/modify/submit', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
        {!! Form::hidden('Version',$Version) !!}
        {!! Form::hidden('Id',$Id) !!}
        {!! Form::hidden('Password','' , ['id'=>'Password']) !!}
        {!! Form::hidden('IsDelete','false' , ['id'=>'IsDelete']) !!}
    @else
        {!! Form::open(array('url'=>'/numstaff/register', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
    @endIf
    {!! Form::hidden('IsCopy','false' , ['id'=>'IsCopy']) !!}
    <div class="container">
        <div class="col-xs-12">
            <h4><strong>数値指標の登録・編集</strong></h4>
        </div>
        <span class="text-danger clearfix">{{$errors->first('Error')}}</span>
        @if(count(Session::get('_flash')['new']) >0)
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if(Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }} <a href="#" class="close"
                                                                                             data-dismiss="alert"
                                                                                             aria-label="close">&times;</a>
                    </p>
                @endif
            @endforeach
        @endif
        <div id="NumStaffError" class=" hidden alert alert-danger"></div>
        <div class="col-xs-4" id="MainTableHolder">
            <table class="table table-striped maintable">
                <thead>
                <tr>
                    <th>数値指標</th>
                    <th class="text-center">編集</th>
                    <th class="text-center" id="CopyHeader">コピーして<br/>新規作成</th>
                    <th class="text-center"></th>
                    <th class="text-center"></th>
                </tr>
                </thead>
                <tbody class="data-numStaff-modify">
                @foreach($ListData as $index => $item)
                    <tr>
                        <td class="label_break">{{ $item -> name}}</td>
                        <td class="text-center">
                            <a type="button" tabindex="0" data-id="{!! $item -> id !!}" class="numerical-individual-modify numerical-individual-glyphicon"><span class="glyphicon glyphicon-pencil numerical-individual-glyphicon"></span>
                            </a>
                        </td>
                        <td class="text-center">
                            <a tabindex="0" data-id="{!! $item -> id !!}" data-version="{!! $item -> version !!}" class="numerical-individual-copy numerical-individual-glyphicon"><span class="glyphicon glyphicon-book numerical-individual-glyphicon"></span>
                            </a>
                        </td>
    
                        @if($index == count($ListData)-1)
                            <td class="text-center">
                                <div class="nonDisp-glyphicon">
                                </div>
                            </td>
                        @else
                            <td class="text-center">
                                <a data-url="{{route('orderDownNumStaffModify', $item->id)}}" tabindex="0" data-id="{!! $item -> id !!}" data-version="{!! $item -> version !!}" class="numerical-individual-down numerical-individual-glyphicon"><span class="glyphicon glyphicon-arrow-down numerical-individual-glyphicon"></span>
                                </a>
                            </td>
                        @endif
    
                        @if($index == 0)
                            <td class="text-center">
                                <div class="nonDisp-glyphicon">
                                </div>
                            </td>
                        @else
                            <td class="text-center">
                                <a data-url="{{route('orderUpNumStaffModify', $item->id)}}" tabindex="0" data-id="{!! $item -> id !!}" data-version="{!! $item -> version !!}" class="numerical-individual-up numerical-individual-glyphicon"><span class="glyphicon glyphicon-arrow-up numerical-individual-glyphicon"></span>
                                </a>
                            </td>
                        @endif
    
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="col-xs-8" id="LeftBody">
            <div class="col-xs-12 main-body" id="RightBody">
                <div class="col-xs-9">
                    @if($IsModify)
                    <h5><strong>数値指標編集</strong></h5>
                    @else
                    <h5><strong>数値指標登録</strong></h5>
                    @endIf
                </div>
                @if($IsModify)
                    <div class="col-xs-3 text-right">
                        <input type="button" id="NewRegister" onclick="" class="btn btn-primary" data-dismiss="modal" value="数値指標の新規登録">
                    </div>
                @endIf
                <div class="col-xs-12" id="NameHolder">
                    <h5>数値指標</h5>
                    {!! Form::text('Name', $Name, array('id'=>'Name','maxlength'=>'20','class' => 'form-control')) !!}
                </div>
                <div class="col-xs-12" id="ViewPointHolder">
                    <h5>評価観点</h5>
                    {!! Form::text('ViewPoint', $ViewPoint, array('maxlength'=>'64','id'=>'ViewPoint','class' => 'form-control')) !!}
                </div>
                <div id="RuleHolder" class="col-xs-12">
                    <h5>計算ルール</h5>
                    {!! Form::textarea('Rule', $Rule, array('maxlength'=>'1024','rows'=>'6','id'=>'Rule','class' =>  'form-control','cols'=>'50')) !!}
                </div>
                <div class="col-xs-12" id="ZeroHolder">
                    <h5></h5>
                    <div class="col-xs-12">
                        <div class="col-xs-6">
                            <h5>単位</h5>
                            {!! Form::text('Unit', $Unit, array('maxlength'=>'3','id'=>'Unit','class' => 'form-control')) !!}
                            <h5>求める値</h5>
                            {!! Form::cd_select('AggregatePattern', Config::get('cd_const.AGGREGATE_PATTERN'), $AggregatePattern, true,  Message::get('C00001') , null, ['id' => 'AggregatePattern', 'class' => 'form-control'], null) !!}
                        </div>
                        <div class="col-xs-6">
                            <h5>0点指標</h5>
                            {!! Form::text('ZeroValue', $ZeroValue, array('maxlength'=>'8','id'=>'ZeroValue','class' =>    'text-center form-control')) !!}
                            <h5 class="text-center" id="ZeroUnit">{{ isset($Unit)?$Unit:'-' }}</h5>
                            {!! Form::cd_select('ZeroValueCondition', Config::get('cd_const.ZERO_VALUE_CONDITION'), $ZeroValueCondition, true, Message::get('C00001') , null, ['id' => 'ZeroValueCondition', 'class' => 'form-control'], null) !!}
                        </div>
                    </div>
                </div>
                <div id="PerfectHolder" class="col-xs-12">
                    <h5></h5>
                    <div class="col-xs-12">
                        <div class="col-xs-6">
                            <h5>
                                <small>＊単位を入力すると、０点指標・満点指標に単位が自動反映されます。</small>
                            </h5>
                        </div>
                        <div class="col-xs-6">
                            <h5>満点指標</h5>
                            {!! Form::text('PerfectValue', $PerfectValue, array('maxlength'=>'8','id'=>'PerfectValue','class' =>    'text-center form-control')) !!}
                            <h5 class="text-center" id="PerfectUnit">{{ isset($Unit)?$Unit:'-' }}</h5>
                            {!! Form::cd_select('PerfectValueCondition', Config::get('cd_const.PERFECT_CONDITION'), $PerfectValueCondition , true, Message::get('C00001') , null, ['id' => 'PerfectValueCondition', 'class' => 'form-control'], null) !!}
                        </div>
                    </div>
                </div>
                <div id="PointHolder" class="col-xs-12">
                    <h5>POINT</h5>
                    {!! Form::textarea('Point', $Point, array('maxlength'=>'256','rows'=>'6','id'=>'Point','class' =>   'form-control')) !!}
                </div>
                <div id="ScoreAllocation" class="col-xs-12">
                    <h5>得点配分</h5>
                    {!! Form::text('Score', $Score, array('maxlength'=>'3','id'=>'Score','class' => 'form-control short-input')) !!}
                    <h5>　点満点</h5>
                </div>
                <div id="NoteHolder" class="col-xs-12">
                    <h5>備　考</h5>
                    {!! Form::text('Note', $Note, array('maxlength'=>'64','id'=>'Note','class' => 'form-control')) !!}
                </div>
            </div>
        </div>
        <div class="col-xs-12" id="SubmitHolder">
            <div class="col-xs-12 text-right">
                @if($IsModify)
                    <div class="col-xs-9 text-right text-webkit-right">
                        <h5 tabindex="0">
                            <a id="DeleteButton" data-container="body">数値指標の削除</a>
                        </h5>
                    </div>
                @endif
                <input id="BackButton" readonly="readonly" class="btn btn-primary" type= "button" value="メニューへ戻る">
                <input data-can_access="true" id="SubmitButton" readonly="readonly" type= "button" class="btn btn-primary" value="確 定">
            </div>
        </div>
    </div>

    <div id="NewRegisterModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存せずに新規登録しますか？
                </div>
                <div class="modal-footer">
                    <a id="NewRegisterClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>
                        いいえ</a>
                    <a id="NewRegisterOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</a>
                </div>
            </div>
        </div>
    </div>
    <div id="DeleteFailModal"
         class="modal fade in {!! isset($DeleteFail) && $DeleteFail==true?'display':'non-display' !!}"
         data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    パスワードが不正です
                </div>
                <div class="modal-footer">
                    <a id="DeleteClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>OK</a>
                </div>
            </div>
        </div>
    </div>

    <div id="PopupError" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm error-popup-modal">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body error-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">入力内容が不正な項目があり保存できません。 <br/> 入力内容を見直してください。
                    </div>
                </div>
                <div class="modal-footer">
                    <a id="ErrorOK" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>OK</a>
                </div>
            </div>
        </div>
    </div>

    <div id="SubmitModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存しますか？
                </div>
                <div class="modal-footer">
                    <a id="SubmitCancel" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i>
                        いいえ</a>
                    <a id="SubmitOK" onclick="" class="btn btn-primary" data-dismiss="modal"><i class="fa "></i> はい</a>
                </div>
            </div>
        </div>
    </div>
    
    {!! Form::close() !!}
    <div id="DeleteModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title">削除用パスワード入力</h4>
                </div>
                <div class="modal-body delete-modal-title">
                    <div class="col-xs-12 inner-col-content delete-message">
                        *削除にはパスワードが必要です。

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

            </div>
        </div>
    </div>

@stop

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

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

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

        $(document).ready(function () {

            //確定ボタン
            $('#SubmitButton')
                .off('click.submit')
                .on('click.submit', function () {

                    var that = this,
                        errorString = Validate();


                    if (errorString.length > 0) {
                        $('#NumStaffError').html(errorString);
                        $('#NumStaffError').removeClass('hidden');

                        $('#PopupError').modal('show');
                    } else {
                        $('#SubmitModal').modal('show');
                    }
                });

            // validate function
            function Validate() {
                var firstError = true;
                var errorString = '';
                var zeroVal = $('#ZeroValue').val();
                var perfectVal = $('#PerfectValue').val();
                var zeroValueCondition = $("#ZeroValueCondition").val();
                var perfectValueCondition = $("#PerfectValueCondition").val();
                var zeroValNumber = Number(zeroVal);
                var perfectValNumber = Number(perfectVal);
                var errorSpan = ' <span class="text-danger clearfix">';
                var span = '</span>';

                if ($('#Name').val() === '') {
                    errorString = errorString + errorSpan + '{!! Message::get("E00046") !!}' + span;
                    firstError = false;
                }
                if ($('#AggregatePattern').val() === '') {
                    errorString = errorString + errorSpan + '{!! Message::get("E00063") !!}' + span;
                    firstError = false;
                }
                if (zeroVal === '') {
                    errorString = errorString + errorSpan + '{!! Message::get("E00095", ["Field" => "0点指標"]) !!}' + span;
                    firstError = false;
                }
                // 数値以外の場合
                else if(isNaN(zeroVal)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00097", ["Field" => "0点指標"]) !!}' + span;
                    firstError = false;
                }
                // 小数点以下が3桁以上の場合
                else if(zeroVal.match(/^[0-9]+\.[0-9][0-9][0-9]+$/)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00099", ["Field" => "0点指標", "Length" => "2"]) !!}' + span;
                    firstError = false;
                }
                // 整数部分が6桁以上の場合
                else if(String((parseInt(zeroVal)*100)).length > 7){
                    errorString = errorString + errorSpan + '{!! Message::get("E00100", ["Field" => "0点指標", "Length" => "5"]) !!}' + span;
                    firstError = false;
                }
                if (perfectVal === '') {
                    errorString = errorString + errorSpan + '{!! Message::get("E00095", ["Field" => "満点指標"]) !!}' + span;
                    firstError = false;
                }
                // 数値以外の場合
                else if(isNaN(perfectVal)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00097", ["Field" => "満点指標"]) !!}' + span;
                    firstError = false;
                }
                // 小数点以下が3桁以上の場合
                else if(perfectVal.match(/^[0-9]+\.[0-9][0-9][0-9]+$/)){
                    errorString = errorString + errorSpan + '{!! Message::get("E00099", ["Field" => "満点指標", "Length" => "2"]) !!}' + span;
                    firstError = false;
                }
                // 整数部分が6桁以上の場合
                else if(String((parseInt(perfectVal)*100)).length > 7){
                    errorString = errorString + errorSpan + '{!! Message::get("E00100", ["Field" => "満点指標", "Length" => "5"]) !!}' + span;
                    firstError = false;
                }
                if ($("#ZeroValueCondition").prop('selectedIndex') === 0) {
                    errorString = errorString + errorSpan + '{!! Message::get("E00095", ["Field" => "0点指標条件"]) !!}' + span;
                    firstError = false;
                }
                if ($("#PerfectValueCondition").prop('selectedIndex') === 0) {
                    errorString = errorString + errorSpan + '{!! Message::get("E00095", ["Field" => "満点指標条件"]) !!}' + span;
                    firstError = false;
                }
                if(zeroVal === '' || perfectVal === '') {
                    // 何もしない
                }
                // 0点指標と満点指標が等しい場合
                else if (zeroVal === perfectVal ) {
                    errorString = errorString + errorSpan + '{!! Message::get("E00090") !!}' + span;
                    firstError = false;
                }
                // 0点指標条件と満点指標条件がどちらも「以上」
                else if(zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_UP') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_UP') }}") {
                    errorString = errorString + errorSpan + '{!! Message::get("E00091") !!}' + span;
                    firstError = false;
                }
                // 0点指標条件と満点指標条件がどちらも「以下」
                else if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_DOWN') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_DOWN') }}") {
                    errorString = errorString + errorSpan + '{!! Message::get("E00091") !!}' + span;
                    firstError = false;
                }
                // 0点指標より満点指標が大きい場合
                else if (zeroValNumber < perfectValNumber ){
                    // 0点指標条件「以上」、満点指標条件が「以下」
                    if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_UP') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_DOWN') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "以上", "Field_max" => "以下", "Compare" => "大きい"]) !!}' + span;
                        firstError = false;
                    }
                    // 0点指標条件「等しい」、満点指標条件が「以下」
                    else if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_EQUAL') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_DOWN') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "等しい", "Field_max" => "以下", "Compare" => "大きい"]) !!}' + span;
                        firstError = false;
                    }
                    // 0点指標条件「以上」、満点指標条件が「等しい」
                    else if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_UP') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_EQUAL') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "以上", "Field_max" => "等しい", "Compare" => "大きい"]) !!}' + span;
                        firstError = false;
                    }
                }
                // 0点指標より満点指標が小さい場合
                else if (zeroValNumber > perfectValNumber ) {
                    // 0点指標条件「以下」、満点指標条件が「以上」
                    if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_DOWN') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_UP') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "以下", "Field_max" => "以上", "Compare" => "小さい"]) !!}' + span;
                        firstError = false;
                    }
                    // 0点指標条件「等しい」、満点指標条件が「以上」
                    else if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_EQUAL') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_UP') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "等しい", "Field_max" => "以上", "Compare" => "小さい"]) !!}' + span;
                        firstError = false;
                    }
                    // 0点指標条件「以下」、満点指標条件が「等しい」
                    else if (zeroValueCondition === "{{ Config::get('cd_const.ZERO_VALUE_CONDITION_DOWN') }}" && perfectValueCondition === "{{ Config::get('cd_const.PERFECT_CONDITION_EQUAL') }}") {
                        errorString = errorString + errorSpan + '{!! Message::get("E00092", ["Field_0" => "以下", "Field_max" => "等しい", "Compare" => "小さい"]) !!}' + span;
                        firstError = false;
                    }
                }
                if ($('#Score').val() === '') {
                    errorString = errorString + errorSpan + '{!! Message::get("E00095", ["Field" => "得点配分"]) !!}' + span;
                    firstError = false;
                }
                return errorString;
            }
        });
    </script>
@append