@extends('layouts.general')
@section('link')
    {{Html::style('css/common/common.css')}}
    {{Html::style('css/career/car021.css')}}
@endsection
@include('layouts.header')
@section('edit')
{{-- 登録失敗時のメッセージ(成功時はlayout.masterに記載) --}}
@if(isset($isError) && $isError)
    <div class="bs-docs-message">
        <p class="error">
            {{Message::get('updatedFail')}}
        </p>
    </div>
@endif
@endsection
@section('content')
<div class="container" id="app">
    {{--バリデーションチェックのエラーメッセージ--}}
    <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>

    <div class="col-xs-12">
        <h4>
            <strong>職員の職責　新規登録・変更</strong>
        </h4>
    </div>
    <div class="col-xs-7">
        {{-- 検索部 --}}
        <h5>
            <strong>検索条件</strong>
        </h5>
        {{Form::open(
            [
                'route' => 'car021.search',
                'class' => 'col-xs-12 search-box',
                'id' => 'car021PostForm'
            ]
        )}}
            <div class="col-xs-12 search-line">
                <h5>チーム分類</h5>
                {{Form::n_select(
                    'teamGroup', $teamGroups, $teamGroup ?? null, Message::get('C00001'),
                    ['class' => 'form-control search-select'], null
                )}}
                <h5>チーム名</h5>
                {{Form::n_select(
                    'teamName', $teamNames, $teamName ?? null, Message::get('C00001'),
                    ['class' => 'form-control search-select'], null
                )}}
            </div>
            <div class="col-xs-12 search-line">
                <h5>職員分類</h5>
                {{Form::n_select(
                    'staffGroup', $staffGroups, $staffGroup ?? null, Message::get('C00001'),
                    ['class' => 'form-control search-select'], null
                )}}
                <h5>職員名<span class="RequiredText">（必須）</span></h5>
                {{Form::n_select(
                    'trzMemberId', $staffNames, $trzMemberId ?? null, Message::get('C00001'),
                    [
                        'class' => 'form-control search-select',
                        'id' => 'staffName'
                    ], null
                )}}
            </div>
        {{Form::close()}}
        {{-- 登録部 --}}
        @if($searchStatus)
        {{Form::open(
            [
                'route' => 'car021.register',
                'class' => "form-inline col-xs-12 padding_all_zero ajaxValidateFrm",
                'id' => 'registerForm'
            ]
        )}}
            {{-- 再表示用の値保持 --}}
            {{Form::hidden('teamGroup', $teamGroup)}}
            {{Form::hidden('teamName', $teamName)}}
            {{Form::hidden('staffGroup', $staffGroup)}}
            {{Form::hidden('trzMemberId', $trzMemberId)}}
            {{-- 職員名 --}}
            <h3 class="mb-20">
                <strong>{{$staffName}}</strong>
            </h3>
            {{-- 次に目指す職責 --}}
            <h4 class="mb-50">次に目指す職責：<strong id="nextDutyLabel">{{$nextDutyName}}</strong></h4>
            {{-- 現在の職責 --}}
            <h4>現在の職責</h4>
            <button id="currentDutyAddBtn" class="btn btn-primary" type="button">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                <span>職責を追加</span>
            </button>
            @include(
                'career.car021.duty_table',
                [
                    'id' => 'currentDutyTable',
                    'dutys' => $currentDutys
                ]
            )
            {{-- 職責の実績 --}}
            <h4>職責の実績</h4>
            <button id="oldDutyAddBtn" class="btn btn-primary" type="button">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                <span>職責を追加</span>
            </button>
            @include(
                'career.car021.duty_table',
                [
                    'id' => 'oldDutyTable',
                    'dutys' => $oldDutys
                ]
            )
            <div class="col-xs-12 text-right">
                {{Html::link(
                    route('getCareerIndex'),
                    'メニューへ戻る',
                    [
                        'id' => 'cancelBtn',
                        'class' => 'btn btn-primary'
                    ]
                )}}
                {{Form::button(
                    '確 定',
                    [
                        'id' => 'submitBtn',
                        'class' => 'btn btn-primary',
                        'data-ajaxurl' => route('car021.ajax_validate'),
                        // 登録前バリデーション(validateFrm.js)を利用する
                        '@click' => 'onSubmit'
                    ]
                )}}
            </div>
        {{Form::close()}}
        @endif
    </div>
@if($searchStatus)
    <div class="col-xs-5">
        <h4>現在の職責の就任要件</h4>
    </div>
    {{-- 就任要件一覧 --}}
    <div class="col-xs-5 requirement-list">
    @foreach($currentDutyReqs AS $currentDutyReq)
        {{-- 就任要件名 --}}
        <div class="requirement-name-div" onclick="nestedBoxTap({{$currentDutyReq['id']}})">
            <h3 class="reqname-label">
                <span>{{$currentDutyReq['name']}}の就任要件</span>
            </h3>
            <img id="reqImg{{$currentDutyReq['id']}}" src="{{asset("img/allow2.png")}}" class="reqname-img">
        </div>
        {{-- 就任要件個別項目一覧 --}}
        <table id="reqItemTable{{$currentDutyReq['id']}}" class="table requirement-item-list">
            <thead>
                <tr>
                    <th width="44px">達成</th>
                    <th width="44px"></th>
                    <th>就任要件</th>
                </tr>
            </thead>
            <tbody>
                @foreach($currentDutyReq['positionReqs'] AS $positionReq)
                @if($positionReq['position_check'])
                <tr class="clear-req">
                @else
                <tr>
                @endif
                    <td>
                        {{Form::checkbox('reqItemCheck', null, $positionReq['position_check'])}}
                    </td>
                    <td>
                    </td>
                    <td>
                        <strong>{{$positionReq['name']}} {{$positionReq['grade']}}級</strong>
                        <span>以上の職位に在位していること</span>
                    </td>
                </tr>
                @endforeach
                @foreach($currentDutyReq['skillReqs'] AS $skillReq)
                    @if($skillReq['skill_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td rowspan="{{$skillReq['count'] + 1}}" class="v-align-mid">
                            {{Form::checkbox('reqItemCheck', null, $skillReq['skill_req_check'])}}
                        </td>
                        <td></td>
                        @if($skillReq['pattern'] === 1)
                            <td>以下の<strong>すべて</strong>のスキルを満たしていること</td>
                        @else
                            <td>以下の<strong>いずれか</strong>のスキルを<strong>{{$skillReq['necessary_num']}}</strong>つ以上満たしていること</td>
                        @endif
                    </tr>
                    @foreach($skillReq['item'] AS $skillReqItem)
                    @if($skillReq['skill_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td>
                            {{Form::checkbox('reqItemCheck', null, $skillReqItem['skill_check'])}}
                        </td>
                        <td>
                            <span>{{$skillReqItem['name']}}（{{$skillReqItem['rank']}}以上）</span>
                        </td>
                    </tr>
                    @endforeach
                @endforeach
                @foreach($currentDutyReq['lectureReqs'] AS $lectureReq)
                    @if($lectureReq['lecture_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td rowspan="{{$lectureReq['count'] + 1}}" class="v-align-mid">
                            {{Form::checkbox('reqItemCheck', null, $lectureReq['lecture_req_check'])}}
                        </td>
                        <td></td>
                        @if($lectureReq['pattern'] === 1)
                            <td>以下の<strong>すべて</strong>の研修・訓練を受講していること</td>
                        @else
                            <td>以下の<strong>いずれか</strong>の研修・訓練を<strong>{{$lectureReq['necessary_num']}}</strong>つ以上受講していること</td>
                        @endif
                    </tr>
                    @foreach($lectureReq['item'] AS $lectureReqItem)
                    @if($lectureReq['lecture_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td>
                            {{Form::checkbox('reqItemCheck', null, $lectureReqItem['lecture_check'])}}
                        </td>
                        <td>
                            <span>{{$lectureReqItem['name']}}</span>
                        </td>
                    </tr>
                    @endforeach
                @endforeach
                @foreach($currentDutyReq['qualificationReqs'] AS $qualificationReq)
                    @if($qualificationReq['qualification_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td rowspan="{{$qualificationReq['count'] + 1}}" class="v-align-mid">
                            {{Form::checkbox('reqItemCheck', null, $qualificationReq['qualification_req_check'])}}
                        </td>
                        <td></td>
                        @if($qualificationReq['pattern'] === 1)
                            <td>以下の<strong>すべて</strong>の資格を取得していること</td>
                        @else
                            <td>以下の<strong>いずれか</strong>の資格を<strong>{{$qualificationReq['necessary_num']}}</strong>つ以上取得していること</td>
                        @endif
                    </tr>
                    @foreach($qualificationReq['item'] AS $qualificationReqItem)
                    @if($qualificationReq['qualification_req_check'])
                    <tr class="clear-req">
                    @else
                    <tr>
                    @endif
                        <td>
                            {{Form::checkbox('reqItemCheck', null, $qualificationReqItem['qualification_check'])}}
                        </td>
                        <td>
                            <span>{{$qualificationReqItem['name']}}</span>
                        </td>
                    </tr>
                    @endforeach
                @endforeach
            </tbody>
        </table>
    @endforeach
    </div>
@else
    <div class="col-xs-12 text-right">
        {{Html::link(
            route('getCareerIndex'),
            'メニューへ戻る',
            [
                'id' => 'cancelBtn',
                'class' => 'btn btn-primary'
            ]
        )}}
    </div>
@endif
</div>
@endsection
@section('optionalJs')
{{Html::script('js/lib/validateFrm.js')}}
{{-- ページ内グローバル変数の定義 --}}
<script type="text/javascript">
    window.car021 = {};

    // ルート定義
    window.car021.route = {};
    window.car021.route.ajax_duty = '{{route("car021.ajax_duty")}}';
    window.car021.route.allow = '{{asset("img/allow.png")}}';
    window.car021.route.allow2 = '{{asset("img/allow2.png")}}';
    window.car021.route.loading = '{{asset("img/loading.gif")}}';

    // メッセージ定義
    window.car021.message = {};
    window.car021.message.C00008 = '{{Message::get('C00008')}}';

    // 値
    window.car021.data = {};
    window.car021.data.enableMstDutys = @json($enableMstDutys ?? []);

    // コンポーネント定義
    window.car021.component = {};
    window.car021.component.dutySelect = '{{Form::select(
        'newDutyName[]', $dutySelectArray ?? [], null, [
            'class' => 'form-control duty-select'
        ]
    )}}';
    window.car021.component.startDate = '{{Form::text(
        'newStartDate[]', null, [
            'class' => 'form-control input-date date-box-width'
        ]
    )}}';
    window.car021.component.endDate = '{{Form::text(
        'newEndDate[]', null, [
            'class' => 'form-control input-date date-box-width'
        ]
    )}}';
    window.car021.component.check = '{{Form::checkbox(
        'deleteCheck', null, false, [
            'class' => 'delete-check'
        ]
    )}}';
</script>
{{Html::script('js/career/car021.js')}}
@append
@include ('layouts.footer')