@extends('layouts.general')

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

@section('optionalCss')
    <link href="{!! asset('css/career/position/create.css?20181106-1830') !!}" rel="stylesheet">
    <link href="{!! asset('css/common/common.css') !!}" rel="stylesheet">
@stop

@section('content')
    <div class="container" id="app">

        {{--Validator Error From Server--}}
        @if($errors->any())
            <div class="flash-message">
                <div class="alert alert-danger">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{$error}}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
        {{--End Validator Error From Server--}}

        {{--Begin flash message--}}
        <div class="flash-message">

            @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>
        {{--End flash message--}}

        {{--Begin flash message--}}
        <div id="validate_form_error_msg">
            <div v-cloak v-if="form.errors.any()" class="flash-message">
                <div class="alert alert-danger">
                    <ul class="error-ul">
                        <li v-for="(value, key, index) in form.errors.errors">@{{form.errors.get(key)}}</li>
                    </ul>
                </div>
            </div>
        </div>
        {{--End flash message--}}

        <form action="{{route('updatePostPositionCareer')}}"
              method="post"
              name="positionFrm"
              class="positionFrm ajaxValidateFrm">

            {{csrf_field()}}

            <input id="pid" type="hidden" name="MstPosition[id]" value="{{$positionByPid->id or ''}}"/>
            <input id="pPositionOrder" type="hidden" name="MstPosition[position_order]" value="{{$positionByPid->position_order or ''}}"/>

            <div class="col-xs-12">
                <h4><strong>職位の閲覧・編集</strong></h4>
            </div>
            <div class="col-xs-12" style="margin-bottom: 5px;padding:0px">
                <div class="col-xs-3">
                    <h5><strong>職位一覧</strong></h5>
                </div>
            </div>
            <div class="col-xs-12" id="left-body">
                {{--Render position widget--}}
                @php
                    $firstPosDisp = true;
                @endphp
                @include('widget.position')
                {{--Begin position--}}
                <div class="col-xs-6 rightbox pull-right" id="rowPosition">
                    <div class="row text-left">
                        <div class="row">
                            <div class="col-xs-3">
                                <h5>
                                    <strong>
                                        @if(isset($positionByPid))
                                            {{sprintf('%s の編集', TnHelper::getPositionJP($positions, $positionByPid))}}
                                        @else
                                            {{'新規登録'}}
                                        @endif
                                    </strong>
                                </h5>
                            </div>
                            <div class="col-xs-9"></div>
                        </div>
                        <div class="row">
                            <div class="col-xs-3">
                                <h5>職位名</h5>
                            </div>
                            <div class="col-xs-9">
                                <input class="form-control"
                                       placeholder="S職"
                                       value="{{$positionByPid->name or ''}}"
                                       name="MstPosition[name]"
                                       maxlength=16/>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>職位名に 関する備考</h5>
                            </div>
                            <div class="col-xs-9">
                                <input class="form-control"
                                       placeholder="入力してください"
                                       value="{{$positionByPid->note or ''}}"
                                       name="MstPosition[note]"
                                       maxlength=64/>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>等級</h5>
                            </div>
                            <div class="col-xs-9">
                                <div class="col-xs-2 text-center">
                                    <h5>1級 ～</h5>
                                </div>
                                <div class="col-xs-2">
                                    <input class="form-control text-center"
                                           placeholder="00"
                                           value="{{$positionByPid->max_grade or ''}}"
                                           name="MstPosition[max_grade]"
                                           maxlength=2/>
                                </div>
                                <div class="col-xs-1 text-center">
                                    <h5>級</h5>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>対象</h5>
                            </div>
                            <div class="col-xs-9">
                                <input class="form-control"
                                       placeholder="勤続年数などを入力してください"
                                       value="{{$positionByPid->target or ''}}"
                                       name="MstPosition[target]"
                                       maxlength=64/>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>滞留目安</h5>
                            </div>
                            <div class="col-xs-9">
                                <input class="form-control"
                                       placeholder="滞留年数の目安など"
                                       value="{{$positionByPid->stay_point or ''}}"
                                       name="MstPosition[stay_point]"
                                       maxlength=64/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-3">
                                <h5>期待される 職責</h5>
                            </div>
                            <div class="col-xs-9">
                               <textarea class="form-control"
                                         rows="5"
                                         name="MstPosition[expected_duty]"
                                         placeholder="入力してください"
                                         maxlength=256>{{$positionByPid->expected_duty or ''}}</textarea>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>期待される 役割</h5>
                            </div>
                            <div class="col-xs-9">
                               <textarea class="form-control"
                                         rows="5"
                                         name="MstPosition[expected_role]"
                                         placeholder="入力してください"
                                         maxlength=256>{{$positionByPid->expected_role or ''}}</textarea>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>理想的な姿</h5>
                            </div>
                            <div class="col-xs-9">
                                <textarea class="form-control"
                                          rows="5"
                                          name="MstPosition[ideal]"
                                          placeholder="入力してください"
                                          maxlength=256>{{$positionByPid->ideal or ''}}</textarea>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-3">
                                <h5>Point</h5>
                            </div>
                            <div class="col-xs-9">
                               <textarea class="form-control"
                                         rows="5"
                                         name="MstPosition[point]"
                                         placeholder="入力してください"
                                         maxlength=1024>{{$positionByPid->point or ''}}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row pull-right text-right col-xs-12">
                        @if(isset($positionByPid))
                            @if($positionByPid->use_position_flg)
                                {{-- 職位が設定されている職員が存在する場合 --}}
                                <a data-container="body" data-toggle="tooltip" title = "職員に紐付けられている為削除できません。" class="disabled">
                                    <span class="color-link cursor-pointer">職位の削除</span>
                                </a>
                            @else
                                <a data-route="{{route('deletePostPositionCareer')}}"
                                    data-pid="{{!isset($positionByPid->id) ? null : $positionByPid->id}}"
                                    id="btnDelete">
                                    <span class="color-link cursor-pointer">職位の削除</span>
                                </a>
                            @endif
                        @endif
                        <a class="btn btn-primary"
                           onclick="location.href = '{{route('getCareerIndex')}}';">メニューに戻る
                        </a>
                        <input id="submitBtn"
                               type="submit"
                               class="btn btn-primary"
                               value="確 定"
                               data-ajaxurl="{{route('ajaxPostValidateFormPositionCareer')}}"
                               @click="onSubmit"/>

                        <input id="submitThenNewBtn"
                               type="submit"
                               class="btn btn-primary"
                               value="確定して新規登録"
                               formaction="{{route('updatePostPositionCareer', ['thenCreate' => 1])}}"
                               data-action="{{route('updatePostPositionCareer', ['thenCreate' => 1])}}"
                               data-ajaxurl="{{route('ajaxPostValidateFormPositionCareer')}}"
                               @click="onSubmit"/>
                    </div>

                </div>
                {{--End position--}}
            </div>
        </form>
    </div>
    {{--End container--}}

@stop

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

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

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

    {{--This section is Jquery--}}
    <script type="text/javascript">
        $(document).ready(function () {
            var positionModule = (function () {
                var deletePos = function () {
                    $('#btnDelete')
                        .off('click.delPos')
                        .on('click.delPos', function (e) {
                            var that = this;
                            e.preventDefault();
                            $('#deleteModal')
                                .modal('show')
                                .off('click.ok', '#btnOK')
                                .on('click.ok', '#btnOK', function () {
                                    $('.positionFrm')
                                        .attr('action', $(that).data('route'))
                                        .append($('<input type="hidden" name="pId" />').val($(that).data('pid')))
                                        .append($('<input type="hidden" name="currentPassword" />').val($('#DeletePassword').val()))
                                        .submit();
                                });

                        });
                };
                return {
                    deletePos: deletePos,
                };
            })();
            positionModule.deletePos();

            // ツールチップの設定
            $('.hide-tooltip').tooltip('disable');
            $('[data-toggle="tooltip"]').tooltip()
        });
    </script>
@append