@extends('layouts.master')

@section('link')
<link href="{!! asset('css/corporate/member_list.css') !!}?20210713-1300" rel="stylesheet">
@stop

@include('corporate.layouts.header')

@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">
            @endif

            <a href="#">
                <input class="btn btn-primary" id="NewRegister" value="職員の新規登録" readonly="readonly">
            </a>
        </div>
        {{-- 表示順編集フォーム --}}
        {{Form::open(['url' => route('corporate.editSortMemberList'), '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(['url' => route('corporate.memberListSearchPost'), 'class'=>'form-inline', 'name'=>'SearchForm', 'id'=>'SearchForm', 'method' =>'post']) !!}
        {!! Form::hidden('orderIdRf', null, ['id'=>'orderIdRf']) !!}
        {!! Form::hidden('orderTargetDispOrderRf', null, ['id'=>'orderTargetDispOrderRf']) !!}
        {!! Form::hidden('orderStaffVersion', null, ['id'=>'orderStaffVersion']) !!}
        <div class="col-xs-12" id="SimpleSearchForm">
            <div class="col-xs-6">
                <h5>氏名</h5>
                {!! Form::text('SearchLastName', $searchLastName, ['class' => 'form-control search-control', 'placeholder' => '姓']) !!}
                {!! Form::text('SearchFirstName', $searchFirstName, ['class' => 'form-control search-control', 'placeholder' => '名']) !!}
            </div>
            <div class="col-xs-2">
                <input readonly="readonly" id="SimpleSearch" class="btn btn-primary color" value="検 索">
            </div>
        </div>
        <table cellpadding="3" class="table table-striped maintable">
            <thead>
                <tr class="nodrop nodrag">
                    <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="{{$staff->isRetired() ? 'light-gray' : '' }}" id="record{{$staff->id}}" data-id="{{$staff->id}}" data-index="{{$loop->iteration}}">
                        <td>{{ $staff->disp_order }}</td>
                        <td>{{ $staff->last_name }}　{{ $staff->first_name }}</td>
                        <td>{{ Form::cd_label(Config::get('cd_const.J_BLEND_CON_STATUS'), $staff->j_blend_con_status) }}</td>
                        @if($staff->isJBlendConnected())
                            <td class="text-center pencilhover">
                                <a class="pencil-icon" style="margin: 0 45px;" href="#">
                                    <span class="glyphicon glyphicon-gift"></span>
                                </a>
                                <a href="#" class="hidden">
                                    <input class="btn btn-primary btn-edit" type="button" value="チケット配布" style="padding-top: 5px; width: 110px !important;"/>
                                </a>
                            </td>
                            @else
                            <td>
                                <span class="pencil-icon-disabled" style="margin: 0 45px;">
                                    <span class="glyphicon glyphicon-gift"></span>
                                </span>
                            </td>
                        @endif
                        <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 href="#" class="hidden">
                                <input class="btn btn-primary btn-edit" type="button" value="閲覧・編集" style="padding-top: 5px; width: 100px !important;"/>
                            </a>
                        </td>

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

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

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

@section('optionalJs')
<script src="{!! asset('js/corporate/member_list.js') !!}?20210713-1300" type="text/javascript"></script>
<script type="text/javascript">
    // 初期表示で表示順編集か否か
    if ('{!!$dndFlg!!}' === '1') {
        // 表示順編集を開始
        openEditDispOrder();
    } else {
        // テーブル並び替えを開始
        openTableSorter();
    }
</script>
@stop