@extends('backend.layouts.app')

@section('content')

    <h2 class="title">ユーザー一覧</h2>
    <div class="hscroll mt40">

        @include('backend.layouts.flash-message')

        <div class="search_wrap">
            <h3 class="search_title">検索条件</h3>
            {{ Form::open(['route'=>"backend.{$department}.account.index", 'method'=>'get']) }}
            <div class="table-search_wrap">
                <table class="search three_table">
                    <tr>
                        <th>UID</th>
                        <td><input type="text" name="search_params[member_no]" value="{{ isset($search_params['member_no']) ? $search_params['member_no'] : "" }}" class="input-text"></td>
                        <th>名前</th>
                        <td><input type="text" name="search_params[name_kanji]" value="{{ isset($search_params['name_kanji']) ? $search_params['name_kanji'] : "" }}" class="input-text"></td>
                        <th>メールアドレス</th>
                        <td><input type="text" name="search_params[email]" value="{{ isset($search_params['email']) ? $search_params['email'] : "" }}" class="input-text"></td>
                    </tr>
                </table>
            </div>
            <div class="center-submit center">
                <input type="submit" value="検索">
                <input type="button" class="btn-search-clear" data-url="{{ route("backend.{$department}.account.index") }}" value="クリア">
            </div>
            {{ Form::close() }}
        </div>

        <div class="subtitleandbtns mt0">
            <p class="add_fieldbtn mr10 non-icon f-left"><a href="{{ route("backend.{$department}.account.sequence")  }}">表示順位設定</a></p>
            <p class="add_fieldbtn mr10 f-right"><a href="{{ route("backend.{$department}.account.create")  }}">ユーザー登録</a></p>
        </div>

        {{ $accounts->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
            <tr>
                <th>詳細</th>
                <th>UID</th>
                <th>名前</th>
                <th>メールアドレス</th>
                <th>部門</th>
                <th>主所属</th>
                <th>部署</th>
                <th>肩書</th>
                <th>最終更新日時</th>
            </tr>
            </thead>
            <tbody>
            @if ($accounts->count() > 0)
                @foreach ($accounts as $record)
                    <tr>
                        <td>
                            <p><a href="{{ route("backend.{$department}.account.edit", ["user"=>$record->id]) }}">編集</a></p>
                            <p><a href="#" class="delete_user" cidx="{{ $record->id }}">削除</a></p>

                            <form id="frm_delete_{{ $record->id }}" action="{{ route("backend.{$department}.account.destroy", ['user'=> $record->id]) }}" method="POST" style="display: none;">
                                @csrf
                                @method('delete')
                            </form>
                        </td>
                        <td>{{ $record->member_no }}</td>
                        <td>{{ $record->name_kanji }}</td>
                        <td>{{ $record->email }}</td>
                        <td>{{ config('const.system_parts.' . $record->system_parts )  }}</td>
                        <td>{{ config('const.department.' . $record->department )  }}</td>
                        <td>{{ $record->section }}</td>
                        <td>{{ $record->position }}</td>
                        <td>{{ $record->updated_at ? Carbon::parse($record->updated_at)->format('Y.m.d H:i:s') : '' }}</td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="9">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
        {{ $accounts->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    </div>
@endsection

@section('page_js')
    <script>
        var task_id = "";
        $(document).ready(function () {
            $(".delete_user").click(function(e){
                e.preventDefault();
                user_id = $(this).attr('cidx');
                helper_confirm("dialog-confirm", "削除", "ユーザーを削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_delete_" + user_id;
                    $(frm_id).submit();
                });
            });
        });
    </script>
@endsection