@extends('backend.layouts.app')

@section('content')

    <h2 class="title">表示順位設定</h2>

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

    <div class="hscroll ">
        {{ Form::open(['route'=>"backend.{$department}.account.set_sequence", 'method'=>'post']) }}

        <input type="submit" class="btn-list-submit" value="保存">

        <br/><br/>
        <span>※ドラッグ&ドロップして表示順位を入れ替えてください。</span>
        <table class="normal type3 mt10">
            <thead>
            <tr>
                <th class="w50"></th>
                <th class="w50">順序</th>
                <th class="w250">UID</th>
                <th class="w250">名前</th>
                <th>メールアドレス</th>
                <th  class="w250">部門</th>
                <th  class="w250">主所属</th>
                <th  class="w250">部署</th>
                <th  class="w250">肩書</th>
            </tr>
            </thead>
            <tbody id="user_content">
            @if ($users->count() > 0)
                @foreach ($users as $record)
                    <tr>
                        <td class="w50">
                            <span>{{  $record->sequence ==  config('const.null_sort_value') ? '' :  $record->sequence}}</span>
                            <input type="hidden" value="{{ $record->id }}" name="sequence[]">
                        </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="8">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
            {{ Form::close() }}
        </table>
    </div>
@endsection

@section('page_js')
    <script>
        $(document).ready(function() {
            $( "#user_content" ).sortable({});
            $( "#user_content" ).disableSelection();
        });
    </script>
@endsection