@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/numclass/group-modify.css?20180518-1300') !!}" rel="stylesheet">
    <link href="{!! asset('css/common/common.css') !!}" rel="stylesheet">
@stop

@section('content')
    {!! Form::open(array('url'=>'numclass/groupModify', 'class'=>'form-inline',  'id'=>'GetModifyForm','method'=>'Get')) !!}
    {!! Form::hidden('Id','' , ['id'=>'ModifyId']) !!}
    {!! Form::close() !!}
    {!! Form::open(array('url'=>'numclass/move', 'class'=>'form-inline',  'id'=>'MoveForm','method'=>'Post')) !!}
    {!! Form::hidden('MoveId','' , ['id'=>'MoveId']) !!}
    {!! Form::hidden('MoveVersion','' , ['id'=>'MoveVersion']) !!}
    {!! Form::hidden('Direction','' , ['id'=>'Direction']) !!}
    {!! Form::close() !!}

    {!! Form::open(array('url'=>'numclass/back', 'class'=>'form-inline',  'id'=>'BackForm','method'=>'Post')) !!}
    {!! Form::close() !!}
    @if($IsRegister)
        {!! Form::open(array('url'=>'numclass/groupRegister', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
    @else
        {!! Form::open(array('url'=>'numclass/groupModify', 'class'=>'form-inline',  'id'=>'SubmitForm','method'=>'Post')) !!}
        {!! Form::hidden('Id',$Id , ['id'=>'Id']) !!}
        {!! Form::hidden('Version',$Version, ['id'=>'Id']) !!}
        {!! Form::hidden('IsDelete','false' , ['id'=>'IsDelete']) !!}
        {!! Form::hidden('Password','' , ['id'=>'Password']) !!}
    @endif
    @if( $IsRegister ||( !$IsRegister && $Version !=''))
        <div class="container">
            <div class="col-xs-12">
                @if($IsRegister)
                    <h4><strong>数値指標グループの新規登録</strong></h4>
                @else
                    <h4><strong>数値指標グループの閲覧・編集</strong></h4>
                @endif
                <div class="flash-message" id="editionMsg">
                    @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
                </div>
                <span class="text-danger clearfix hidden" id="NameError">{!! Message::get("E00064") !!} <br/></span>
                <span class="text-danger clearfix hidden" id="NullError">{!! Message::get("E00065") !!} <br/></span>
                <span class="text-danger clearfix hidden" id="NullScoreError">{!! Message::get("E00065") !!}
                    <br/></span>
                <span class="text-danger clearfix hidden" id="DuplicateError">{!! Message::get("E00068") !!}</span>
            </div>
            <div class="col-xs-12" id="left-body">
                <div class="col-xs-4">
                    <div class="col-xs-12">
                        <h5><strong>数値指標グループ一覧</strong></h5>
                    </div>
                    @if($IsRegister)
                        <div class="col-xs-12" id="MainTableHolder">
                            <table class="table table-striped maintable">
                                <thead>
                                <tr>
                                    <th>数値指標</th>
                                    <th class="text-center">編集</th>
                                    <th class="text-center"></th>
                                    <th class="text-center"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($GroupData as $index => $item)
                                    <tr>
                                        <td class="label_break">{{ $item -> name}}</td>
                                        <td class="text-center">
                                        <span
                                                @can('accessNumIndexGroupIfBelongTeam', [
                                                    App\Models\TrzTeams::class,
                                                    $item->id
                                                ])
                                                data-can_access="true"
                                                @else
                                                data-can_access="false"
                                                @endcan
                                                data-id="{!! $item -> id !!}"
                                                class="glyphicon glyphicon-pencil"></span>
                                        </td>
                                        @if($index == count($GroupData)-1)
                                            <td class="text-center">
                                            <span
                                                    data-id="{!! $item -> id !!}"
                                                    data-version="{!! $item -> version !!}"
                                                    class="glyphicon glyphicon-arrow-down disabled"></span>
                                            </td>
                                        @else
                                            <td class="text-center">
                                            <span
                                                    data-id="{!! $item -> id !!}"
                                                    data-version="{!! $item -> version !!}"
                                                    class="glyphicon glyphicon-arrow-down "></span>
                                            </td>
                                        @endif

                                        @if($index == 0)
                                            <td class="text-center">
                                            <span
                                                    data-id="{!! $item -> id !!}"
                                                    data-version="{!! $item -> version !!}"
                                                    class="glyphicon glyphicon-arrow-up disabled"></span>
                                            </td>
                                        @else
                                            <td class="text-center">
                                            <span
                                                    data-id="{!! $item -> id !!}"
                                                    data-version="{!! $item -> version !!}"
                                                    class="glyphicon glyphicon-arrow-up "></span>
                                            </td>
                                        @endif

                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="col-xs-12" id="MainTableHolderModify">
                            <table class="table table-striped maintable">
                                <thead>
                                <tr>
                                    <th>数値指標</th>
                                    <th class="text-center">編集</th>
                                    <th class="text-center"></th>
                                    <th class="text-center"></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($GroupData as $index => $item)
                                    <tr>
                                        <td class="label_break">{{ $item -> name}}</td>
                                        <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                                      class="glyphicon glyphicon-pencil"></span></td>
                                        @if($index == count($GroupData)-1)
                                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                                          data-version="{!! $item -> version !!}"
                                                                          class="glyphicon glyphicon-arrow-down disabled"></span>
                                            </td>
                                        @else
                                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                                          data-version="{!! $item -> version !!}"
                                                                          class="glyphicon glyphicon-arrow-down "></span>
                                            </td>
                                        @endif
                                        @if($index == 0)
                                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                                          data-version="{!! $item -> version !!}"
                                                                          class="glyphicon glyphicon-arrow-up disabled"></span>
                                            </td>
                                        @else
                                            <td class="text-center"><span data-id="{!! $item -> id !!}"
                                                                          data-version="{!! $item -> version !!}"
                                                                          class="glyphicon glyphicon-arrow-up "></span>
                                            </td>
                                        @endif
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
                <div class="col-xs-8" id="right-body">
                    <div class="col-xs-8">
                        <h5><strong>数値指標グループ編集</strong></h5>
                    </div>
                    @if(!$IsRegister)
                        <div class="col-xs-4  text-right">
                            <a href="./groupRegister"> <input id="NewRegister" class="btn btn-primary" readonly="readonly"
                                                              value="数値指標グループ新規登録"></a>
                        </div>
                    @endif
                    <div id="NameHolder" class="col-xs-12 ">
                        <h5>グループ名</h5>
                        {!! Form::text('Name', $TargetGroupName, array('id'=>'Name','maxlength'=>'40','class' => 'form-control')) !!}
                    </div>
                    <div id="DataHolder" class="col-xs-12">
                        @if($IsRegister)
                            @foreach($GroupList as $index =>  $item)
                                <div class="col-xs-12 inner-data" data-index="{!!  $index +1  !!}">
                                    <h5>数値指標 {{ $index +1  }} </h5>
                                    {!! Form::n_select('NameList []', $NameList, $item ->name_id,  Message::get('C00001',['a']) , array('id' => 'NameList', 'class' => 'form-control normal-input'), null) !!}
                                    <h5>得点区分</h5>
                                    {!! Form::text('ScoreItem []',  $item->score, array('maxlength'=>'3','id'=>'ScoreItem','class' => 'score-item form-control text-center')) !!}
                                    <h5>　点</h5>
                                    @if(($index+1) == count($GroupList))
                                        <image class="clear-btn img-holder" src="../img/bin.png"/>
                                        <button type="button" class="add-btn btn btn-primary">追加</button>
                                    @else
                                        <image class="remove-btn img-holder" src="../img/bin.png"/>
                                    @endif
                                </div>
                            @endforeach
                        @else
                            @foreach($GroupList as $index =>  $item)
                                <div class="col-xs-12 inner-data" data-index="{!!  $index +1  !!}">
                                    <h5>数値指標 {{ $index +1  }} </h5>
                                    {!! Form::n_select('NameList []', $NameList, $item ->name_id,  Message::get('C00001',['a']) , array('id' => 'NameList', 'class' => 'form-control normal-input'), null) !!}
                                    <h5>得点区分</h5>
                                    {!! Form::text('ScoreItem []',  $item->score, array('maxlength'=>'3','id'=>'ScoreItem','class' => 'score-item form-control text-center')) !!}
                                    <h5>　点</h5>
                                    @if(($index+1) == count($GroupList))
                                        <image class="clear-btn img-holder" src="../img/bin.png"/>
                                        <button type="button" class="add-btn btn btn-primary">追加</button>
                                    @else
                                        <image class="remove-btn img-holder" src="../img/bin.png"/>
                                    @endif
                                    {!! Form::text('Id []',  $item->id, array('maxlength'=>'3','id'=>'ScoreItem','class' => 'form-control text-center hidden')) !!}
                                    {!! Form::text('Version []',  $item->version, array('maxlength'=>'3','id'=>'ScoreItem','class' => ' form-control text-center hidden')) !!}
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <div class="col-xs-10 text-right" id="ScoreHpolder">
                        <h5 id="Total">（合計 {{ $HiddenScore }} 点）</h5>
                        {!! Form::hidden('HiddenScore','100',['id'=> 'HiddenScore' ]) !!}
                    </div>
                </div>
            </div>
            @if($IsRegister)
                <div class="col-xs-12" id="ButtonHolder">
                    <div class="col-xs-12 text-right">

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

                        <input
                                @can('accessIfRoleAdmin', [App\User::class])
                                data-can_access="true"
                                @else
                                data-can_access="false"
                                @endcan
                                id="SubmitButton"
                                readonly="readonly"
                                class="btn btn-primary"
                                value="確 定"/>
                    </div>
                </div>
        </div>
        </div>
    @else
        <div class="col-xs-12" id="ButtonHolderModify">
            <div class="col-xs-12 text-right">
                <div class="col-xs-9 text-right text-webkit-right">
                    <h5 id="DeleteLink">グループの削除</h5>
                </div>
                <input
                        id="BackButton"
                        class="btn btn-primary"
                        readonly="readonly"
                        value="メニューへ戻る"/>
                <input
                        @can('accessIfRoleAdmin', [App\User::class])
                        data-can_access="true"
                        @else
                        data-can_access="false"
                        @endcan
                        id="SubmitButton"
                        readonly="readonly"
                        class="btn btn-primary"
                        value="確 定"/>
            </div>
        </div>
    @endif

    <div id="BackModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存せずに戻りますか？
                </div>
                <div class="modal-footer">
                    <a id="BackClose" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"></i> いいえ</a>
                    <a
                            href="{{route('indexGetNumclass')}}"
                            id="BackOK"
                            class="btn btn-primary">
                        <i class="fa "></i>
                        はい
                    </a>
                </div>
            </div>
        </div>
    </div>

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

    <div id="SubmitModal" class="modal fade in" data-backdrop="static" data-keyboard="false" tabindex="-1"
         role="dialog">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 id="modalTitle" class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    保存しますか？
                </div>
                <div class="modal-footer">
                    <a id="submitClose" 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="DeleteFailModal" 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="DeleteClose" class="btn btn-default" data-dismiss="modal"><i
                                class="fa fa-close"></i> OK</a>
                </div>
            </div>
        </div>
    </div>

    <div id="DelteModal" 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>
    @endif
    {!! Form::close() !!}

    @if( !$IsRegister && $Version == '')
        <script> $(document).ready(function () {
                $('#EmptyDataModal').modal('show')
                $('.backAboutMenu, button.close').on('click', function (e) {
                    window.location.href = './groupRegister'
                });
            }); </script>
    @endif

@stop

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

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

@section('optionalJs')
    <script src="{!! asset('js/numclass/group-modify.js') !!}" type="text/javascript"></script>
    <script>

        $(document).ready(function () {

            if (navigator.userAgent.match(/Trident.*rv:11\./)) {
                jQuery('body').addClass('ie11');
            }

            //Add button for item in list
            $("body").delegate(".add-btn", "click", function () {
                var id = parseInt($(this).parent().attr('data-index')) + 1;
                itemTochange = $('.clear-btn');
                $(itemTochange).addClass('remove-btn');
                $(itemTochange).removeClass('clear-btn');

                var insertContent =
                    '<div class="col-xs-12 inner-data " data-index="' + id + '">' +
                    '	<h5 >数値指標 ' + id + '</h5>' +
                    '{!! Form::n_select("NameList []",$NameList, [],  Message::get("C00001",["a"]) , ["id" => "NameList","class" => "form-control normal-input"], null) !!}' +
                    '	<h5 >得点区分</h5>' +
                    '	{!! Form::text("ScoreItem []",  '', array("maxlength"=>"3","id"=>"ScoreItem","class" => "score-item form-control text-center")) !!}' +
                    '	<h5>　点</h5>' +
                    '	<image class="clear-btn img-holder" src="../img/bin.png"/>' +
                    '	<button type="button" class="add-btn btn btn-primary">追加</button>' +
                    '</div>';
                var itemToInsert = $(this).parents(':eq(0)');
                $(insertContent).insertAfter(itemToInsert);

                $(this).remove();
                var elem = document.getElementById('DataHolder');
                elem.scrollTop = elem.scrollHeight;
            });

            $("body").delegate(".clear-btn", "click", function () {
                var secondLastChild = $('#DataHolder > div:nth-last-child(2)');
                var last = $('#DataHolder > div:nth-last-child(1)');
                if(secondLastChild.length  != 0){
                  	 $(secondLastChild).append('<button type="button" class="add-btn btn btn-primary">追加</button>');
                  	 $($(secondLastChild).find('img')).removeClass('remove-btn');
                  	$($(secondLastChild).find('img')).addClass('clear-btn');
					 $(last).remove();
                	 var elem = document.getElementById('DataHolder');
                     elem.scrollTop = elem.scrollHeight;
                }



            });
        });

    </script>
@append