@extends('layouts.master')
@section('link')
<link href="{!! asset('css/staff/staff.css') !!}?20200828-1700" rel="stylesheet">
<script src="{!! asset('js/staff/staff.js') !!}?20200828-2300" type="text/javascript"></script>
@include('layouts.header')
<script>
$(document).ready(function () {
    // 初期表示で表示順編集か否か
    if('{!!$dndFlg!!}' === '1'){
        // 表示順編集を開始
        openEditDispOrder();
    }else{
        // 職能区分一括編集を活性
        $('#bulkEdit').removeClass('hidden');
        // テーブル並び替えを開始
        openTableSorter();
    }

    if ('{!! $dispSearchType !!}' === 'advance') {
        $('#SimpleSearchForm').css('display', 'none');
        $('#AdvanceSearchForm').css('display', 'block');
        $('#DispSearchType').val('advance');
    } else {
        $('#SimpleSearchForm').css('display', 'inline-flex');
        $('#AdvanceSearchForm').css('display', 'none');
        $('#DispSearchType').val('simple');
    }

    if ('{!! $searchType !!}' === 'advance') {
        $('#SearchType').val('advance');
    } else {
        $('#SearchType').val('simple');
    }
})

function Validate() {
    var firstError = true;
    var errorString = '';

    if ($('#LowerAge').val().length > 3) {
        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00006") !!}</span>';
        firstError = false;
    }
    if ($('#UpperAge').val().length > 3) {
        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00007") !!}</span>';
        firstError = false;
    }
    if ($('#UpperAge').val() && Number($('#LowerAge').val()) > Number($('#UpperAge').val())) {
        errorString = errorString + ' <span class="text-danger clearfix"> {!! Message::get("E00008") !!}</span>';
        firstError = false;
    }
    if ($('#LowerYearWork').val().length > 2) {
        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00012") !!}</span>';
        firstError = false;
    }
    if ($('#UpperYearWork').val().length > 2) {
        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00013" ) !!} </span>';
        firstError = false;
    }
    if ($('#UpperYearWork').val() && Number($('#LowerYearWork').val()) > Number($('#UpperYearWork').val())) {
        errorString = errorString + ' <span class="text-danger clearfix">{!! Message::get("E00014") !!}</span>';
        firstError = false;
    }
    return errorString;
}
</script>
@stop
@section('content')

    <div class="container" id="search">
        <div class="col-xs-6 no-padding sub-header">
            <h5><strong>検索条件</strong></h5>
        </div>
        <div class="col-xs-6 no-padding sub-header text-right" id="RegisterHolder">

            {{-- 初期表示モードのときだけ表示 --}}
            @if(count($staffList) > 0)
                <input id="dispOrderEdit" class="btn btn-primary" value="表示順編集" readonly="readonly">
                <input id="bulkEdit" class="btn btn-primary disp-mode hidden" value="職能区分一括編集" readonly="readonly">
            @endif

            <a
                    @cannot('accessIfRoleAdmin', App\User::class )
                    href="#"
                    @else
                    href="{{route('registerGetStaff')}}"
                    @endcannot>
                <input
                        @cannot('accessIfRoleAdmin', App\User::class )
                        style="background-color: gray;"
                        @endcannot
                        class="btn btn-primary"
                        id="NewRegister"
                        value="職員の新規登録"
                        readonly="readonly">
            </a>
        </div>
        <span class="text-danger clearfix" id="FirstNameMsg">{{$errors->first('FirstName')}}</span>
        <span class="text-danger clearfix" id="LastNameMsg">{{$errors->first('LastName')}}</span>
        <span class="text-danger clearfix" id="LowerAgeMsg">{{$errors->first('LowerAge')}}</span>
        <span class="text-danger clearfix" id="UpperAgeMsg">{{$errors->first('UpperAge')}}</span>
        <span class="text-danger clearfix" id="AddressMsg">{{$errors->first('Address')}}</span>
        <span class="text-danger clearfix" id="GraSchoolMsg">{{$errors->first('GraSchool')}}</span>
        <span class="text-danger clearfix" id="PostCareerMsg">{{$errors->first('PostCareer')}}</span>
        <span class="text-danger clearfix" id="LowerScoreMsg">{{$errors->first('LowerScore')}}</span>
        <span class="text-danger clearfix" id="LowerScoreMsg">{{$errors->first('UpperScore')}}</span>
        <span class="text-danger clearfix" id="LowerYearWorkMsg">{{$errors->first('LowerYearWork')}}</span>
        <span class="text-danger clearfix" id="UpperYearWorkMsg">{{$errors->first('UpperYearWork')}}</span>
        <div id="CustomeValidate" class="hidden"></div>

        {!! Form::open(array('url'=>'staff/modify/' , 'class'=>'form-inline', 'name'=>'ModifyFm', 'id'=>'ModifyFm', 'method' =>'get')) !!}
        {!! Form::hidden('IdRf', $IdRf , ['id'=>'IdRf']) !!}
        {!! Form::hidden('SearchTeamRf', $SearchTeamRf , ['id'=>'SearchTeamRf']) !!}
        {!! Form::hidden('SearchTypeRf', $SearchTypeRf, ['id'=>'SearchTypeRf']) !!}
        {!! Form::close() !!}

        {{-- 表示順編集フォーム --}}
        {{Form::open(['url' => route('editSortStaff'), 'id'=>'editSortStaffFm', 'method' =>'post'])}}
        {{Form::hidden('orderChangeFlg', false, ['id'=>'orderChangeFlg'])}}
        {{Form::hidden('droppedRowId', null, ['id'=>'droppedRowId'])}}
        {{Form::hidden('nextToRowId', null, ['id'=>'nextToRowId'])}}
        {{Form::close()}}

        {!! Form::open(array('url'=>'staff', 'class'=>'form-inline', 'name'=>'SearchForm', 'id'=>'SearchForm', 'method' =>'post')) !!}
        {!! Form::hidden('bulkUpdateFlg', null, ['id'=>'bulkUpdateFlg']) !!}
        {!! Form::hidden('orderIdRf', null, ['id'=>'orderIdRf']) !!}
        {!! Form::hidden('orderTargetDispOrderRf', null, ['id'=>'orderTargetDispOrderRf']) !!}
        {!! Form::hidden('orderStaffVersion', null, ['id'=>'orderStaffVersion']) !!}
        {!! Form::hidden('SearchType', null, ['id'=>'SearchType']) !!}
        {!! Form::hidden('DispSearchType', null, ['id'=>'DispSearchType']) !!}
        <div class="col-xs-12" id="SimpleSearchForm">
            <div class="col-xs-6">
                <h5>チーム名</h5>
                {!! Form::n_select('TeamList', $TeamList, $SearchTeamRf,  Message::get('C00001',['a']) , ['id' => 'TeamList', 'class' => 'form-control'], null) !!}
            </div>
            <div class="col-xs-2 col-xs-pull-2 no-paddding-div">
                <input readonly="readonly" id="SimpleSearch" class="btn btn-primary color" value="検 索">
            </div>
            <div class="col-xs-6  text-right">
                <input id="OpenSearch" name="Action" readonly="readonly" class="btn btn-primary color"
                       value="さらに詳細を検索する">
            </div>
        </div>
        <div class="col-xs-12" id="AdvanceSearchForm">
            <div class="col-xs-5">
                <div class="col-xs-12 left-div-holder">
                    <h5>職員分類</h5>
                    {!! Form::n_select('StaffClf', $StaffClf , null,  Message::get('C00001',['a']) , ['id' => 'StaffClf', 'class' => 'form-control long-control'], null) !!}
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>チーム名</h5>
                    {!! Form::n_select('TeamList2', $TeamList, $SearchTeamRf,  Message::get('C00001',['a']) , ['id' => 'TeamList2', 'class' => 'form-control long-control'], null) !!}
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>氏　名</h5>

                    {!! Form::text('LastName', '', array('id'=>'LastName','class' => 'form-control name-control')) !!}
                    <label id="LastNameLabel">

                    </label>

                    {!! Form::text('FirstName', '', array('id'=>'FirstName','class' => 'form-control name-control')) !!}
                    <label id="FirstNameLabel">
                        　（部分一致）
                    </label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>性　別</h5>
                    <label class="gender-label">{!! Form::radio('Gender', 'all', ((!isset($oldGender) || $oldGender == 'all') ? true : false)) !!} すべて</label>
                    <label class="gender-label">{!! Form::radio('Gender', '1', ((isset($oldGender) && $oldGender == '1') ? true : false)) !!} 女性</label>
                    <label class="gender-label">{!! Form::radio('Gender', '2', ((isset($oldGender) && $oldGender == '2') ? true : false)) !!} 男性</label>
                    <label class="gender-label">{!! Form::radio('Gender', '0', ((isset($oldGender) && $oldGender == '0') ? true : false)) !!} 回答なし</label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>配偶者の <br/>有無</h5>
                    <label class="spouse-label">{!! Form::radio('Spouse', 'all', ((!isset($oldSpouse) || $oldSpouse == 'all') ? true : false)) !!} すべて</label>
                    <label class="spouse-label">{!! Form::radio('Spouse', '1', ((isset($oldSpouse) && $oldSpouse == '1') ? true : false)) !!} 有</label>
                    <label class="spouse-label">{!! Form::radio('Spouse', '2', ((isset($oldSpouse) && $oldSpouse == '2') ? true : false)) !!} 無</label>
                    <label class="spouse-label">{!! Form::radio('Spouse', '0', ((isset($oldSpouse) && $oldSpouse == '0') ? true : false)) !!} 回答なし</label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>年　齢</h5>
                    {!! Form::number('LowerAge', '', array('id'=>'LowerAge','class' => 'form-control age-control','min' => '0','max' => '999')) !!}
                    <label id="LowerAgeLabel">
                        　～
                    </label>
                    {!! Form::number('UpperAge', '', array('id'=>'UpperAge','class' => 'form-control age-control','min' => '0','max' => '999')) !!}
                    <label id="UpperAgeLabel">
                        　歳
                    </label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>住　所</h5>

                    {!! Form::text('Address', '', array('id'=>'Address','class' => 'form-control long-control')) !!}
                    <label class="small-label">
                        　（部分一致）
                    </label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>卒業校 </h5>
                    {!! Form::text('GraSchool', '', array('id'=>'GraSchool','class' => 'form-control long-control')) !!}
                    <label class="small-label">
                        　（部分一致）
                    </label>
                </div>
                <div class="col-xs-12 left-div-holder">
                    <h5>過去の経歴</h5>
                    {!! Form::text('PostCareer', '', array('id'=>'PostCareer','class' => 'form-control long-control')) !!}
                    <label class="small-label">
                        　（部分一致）
                    </label>
                </div>
            </div>
            <div class="col-xs-7">
                <div class="col-xs-12 right-div-holder">
                    <h5>職　位</h5>
                    {!! Form::n_select('LowerJobPos', $LowerJobPos, null,  Message::get('C00001',['a']) , ['id' => 'LowerJobPos', 'class' => 'form-control short-control'], null) !!}
                    <label class="small-label">
                        　～
                    </label>
                    {!! Form::n_select('UpperJobPos',  $UpperJobPos, null,  Message::get('C00001',['a']) , ['id' => 'UpperJobPos', 'class' => 'form-control short-control'], null) !!}
                </div>
                <div class="col-xs-12 right-div-holder">
                    <h5>勤続年数</h5>
                    {!! Form::number('LowerYearWork', '', array('id'=>'LowerYearWork','class' => 'form-control short-control','min' => '0','max' => '99')) !!}
                    <label class="small-label">
                        　～
                    </label>
                    {!! Form::number('UpperYearWork', '', array('id'=>'UpperYearWork','class' => 'form-control short-control','min' => '0','max' => '99')) !!}
                </div>
                <div class="col-xs-12 right-div-holder">
                    <h5>職能区分</h5>
                    {!! Form::n_select('WorkClf',  $WorkClfs, null,  Message::get('C00001',['a']) , ['id' => 'WorkClf', 'class' => 'form-control long-control'], null) !!}
                </div>
                <div class="col-xs-12 right-div-holder">
                    <h5>職　責</h5>
                    {!! Form::n_select('JobDuty',  $JobDuty, null,  Message::get('C00001',['a']) , ['id' => 'JobDuty', 'class' => 'form-control long-control'], null) !!}
                </div>
                <div class="col-xs-12 right-div-holder">
                    <h5>研修会カテゴリ</h5>
                    {!! Form::n_select('WorkshopCate',  $WorkshopCate, null,  Message::get('C00001',['a']) , ['id' => 'WorkshopCate', 'class' => 'form-control short-control'], null) !!}
                    <label id="WorkshopCateLabel">
                        　　　研修参加実績
                    </label>
                    {{-- 研修参加実績セレクトボックス --}}
                    {{Form::select(
                        'WorkshopRecord',
                        $WorkshopRecord,
                        null,
                        [
                            'id' => 'WorkshopRecord',
                            'class' => 'form-control short-control'
                        ]
                    )}}
                </div>
                <div class="col-xs-12 right-div-holder">
                    <h5>取得資格</h5>
                    {!! Form::n_select('AcquisitionQualification',  $AcquisitionQualification, null,  Message::get('C00001',['a']) , ['id' => 'AcquisitionQualification', 'class' => 'form-control short-control acquisition-qc'], null) !!}
                </div>
            </div>
            <div class="col-xs-12 radio-holder">
                <h5>雇用状況</h5>
                <label>{!! Form::radio('EmpStatus', 'mix') !!} 現職者</label>
                <label>{!! Form::radio('EmpStatus', '1') !!} 現職者（正規）</label>
                <label>{!! Form::radio('EmpStatus', '2') !!} 現職者（非正規）</label>
                <label>{!! Form::radio('EmpStatus', '3') !!} 休職者</label>
                <label>{!! Form::radio('EmpStatus', '4') !!} 退職者</label>
                <label>{!! Form::radio('EmpStatus', 'all',true) !!} すべて</label>
                <span>　　　　　　</span>
            </div>
            <div class="col-xs-12  radio-holder">
                <h5></h5>
                <label>{!! Form::radio('EmpStatus', '5') !!} 異動（転出）</label>
                <label>{!! Form::radio('EmpStatus', '6') !!} 異動（除籍）</label>
                <a id="ClearSearch"><span>検索条件をクリア</span></a>
                <span>　</span>
                <a id="CloseSearch"><span>検索枠を閉じる</span></a>
                <span>　</span>
                <input id="AdvanceSearch" name="Action" readonly="readonly" class="btn btn-primary color" value="検索">
            </div>
        </div>
        <h4>　 </h4>
        <table cellpadding="3" class="table table-striped maintable">
            <thead>
            <tr class="nodrop nodrag">
                <th>表示順</th>
                <th>職員分類</th>
                <th>氏 名</th>
                <th>現職位</th>
                <th>現職位滞留期間</th>
                <th>年 齢</th>
                <th>勤続年数</th>
                <th>主な所属チーム</th>
                <th>職能区分</th>
                <th>主な職責</th>
                <th>編集</th>
            </tr>
            </thead>
            <tbody>
            @if(isset($staffList))
                @php
                    $staff_last = count($staffList);
                    $cnt = 1;
                @endphp
                @foreach ($staffList as $index =>  $staff)

                    <tr class="{{isset($staff->employment_status) && (4 == $staff->employment_status) ? 'light-gray' : '' }}" id="record{{$staff->id}}" data-id="{{$staff->id}}" data-index="{{$loop->iteration}}">

                        <td>{{ $staff->disp_order }}</td>

                        <td>{{ $staff->group_name }}</td>

                        <td>{{ $staff->last_name }}　{{ $staff->first_name }}</td>


                        <td>
                            @if($staff->position_name)
                                {{ sprintf('%s%s級', $staff->position_name, $staff->position_grade) }}
                            @endif
                        </td>

                        <td>
                            @isset($staff->position_name)
                            {{sprintf('%s年%sヶ月', $staff->position_year, $staff->position_month)}}
                            @endisset
                        </td>

                        <td>
                            @if($staff->age)
                                {{ sprintf('%s歳', $staff->age) }}
                            @endif
                        </td>

                        <td>{{ $staff->worked_year }}年　{{ $staff->worked_month }}ヶ月</td>

                        <td>
                            {{ $staff->team_name }}
                            @if($staff->team_count > 1). . .@endif
                        </td>

                        <td>
                             {{-- 初期表示モード --}}
                            <span class='disp-mode'>{{ $staff->skill_name }}</span>

                            {{-- 編集モード --}}
                            {!! Form::hidden('staffIds []', $staff->id) !!}
                            {!! Form::hidden('staffVersion []', $staff->version) !!}
                            {!! Form::hidden('oldSkillId []', $staff->skill_id) !!}
                            {!! Form::n_select('skillName []',  $skillNames, $staff->skill_id,  '----' , ['class' => 'form-control skill-name edit-mode hidden'], null) !!}
                        </td>

                        <td>
                            {{ $staff->duty_name }}
                            @if($staff->duty_count > 1). . .@endif
                        </td>

                        <td class="text-center pencilhover" data-id="{{ $staff->id }}">

                            <a class="pencil-icon" style="margin: 0 45px;"
                               href="#">
                                <span class="glyphicon glyphicon-pencil"></span>
                            </a>

                            <a
                                    @can('accessIfRoleAdmin', App\User::class )
                                    onclick="Modify({{$staff->id}})"
                                    @endcan
                                    class="hidden">
                                <input
                                        class="btn @can('accessIfRoleAdmin', App\User::class ) btn-primary @endcan"
                                        type="button"
                                        value="閲覧・編集"
                                        style="padding-top: 5px; WIDTH: 100px !important;"/>
                            </a>

                        </td>

                    </tr>
                    @php
                        $cnt++;
                    @endphp

                @endforeach
            @endif
            </tbody>
        </table>
        {!! Form::close() !!}

        {{-- 編集モード用 --}}
        <div class="col-xs-6 no-padding sub-header">
            <h5><strong></strong></h5>
        </div>
        <div class="col-xs-6 no-padding sub-header text-right" id="RegisterHolder">
            <a href="javascript:;" id="editCancel" class="btn-cancel editmod-e hidden"><span>キャンセル</span></a>
            <input class="btn btn-primary btn-bulk-edit edit-mode hidden" id="bulkEditSave" value="確 定" readonly="readonly">
        </div>

    </div>
    </div>
@stop
@include ('layouts.footer')