@extends('admins.layouts.main')
@section('content')
    <!-- Panel Table Individual column searching -->
    <div class="panel">
        <header class="panel-heading">
            <h3 class="panel-title">所有角色列表</h3>
        </header>
        <div class="panel-body">
            <div class="fixed-table-toolbar">
                <div class="columns columns-right btn-group float-right">
                    <div class="keep-open btn-group" title="Columns">
                        {{--                        <button class="btn btn-secondary buttons-csv buttons-html5" tabindex="0" aria-controls="exampleTableTools" type="button"><span>匯出</span></button>--}}
                        {{--                        <button class="btn btn-secondary buttons-print" tabindex="0" aria-controls="exampleTableTools" type="button"><span>列印</span></button>--}}
                    </div>
                </div>
            </div>
            <br/>
            <br/>
            <table class="table table-hover dataTable table-striped w-full jsgrid">
                <thead>
                    <tr>
                        <th>操作</th>
                        <th>單位類型</th>
                        <th>角色名稱</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>操作</th>
                        <th>單位類型</th>
                        <th>角色名稱</th>
                    </tr>
                </tfoot>
                <tbody>
                @foreach($userRoles as $userRole)
                    <tr>
                        <td class="text-middle">
                            <a href="{{ $userRole->urls['edit'] }}" class="btn btn-success waves-effect waves-classic"><i class="icon md-edit" aria-hidden="true"></i>編輯</a>
                        </td>
                        <td>{{ $userRole->department_type->title}}</td>
                        <td>{{ $userRole->title }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection