-@extends('base')
+@extends('layouts.simple')
+@section('body')
+ <div class="container small">
-@section('content')
+ @include('settings.parts.navbar', ['selected' => 'users'])
- @include('settings/navbar', ['selected' => 'users'])
+ <main class="card content-wrap">
+ <div class="flex-container-row wrap justify-space-between items-center">
+ <h1 class="list-heading">{{ trans('settings.users') }}</h1>
+ <div>
+ <a href="{{ url("/settings/users/create") }}" class="outline button my-none">{{ trans('settings.users_add_new') }}</a>
+ </div>
+ </div>
+
+ <p class="text-muted">{{ trans('settings.users_index_desc') }}</p>
+
+ <div class="flex-container-row items-center justify-space-between gap-m mt-m mb-l wrap">
+ <div>
+ <div class="block inline mr-xs">
+ <form method="get" action="{{ url("/settings/users") }}">
+ <input type="text"
+ name="search"
+ placeholder="{{ trans('settings.users_search') }}"
+ value="{{ $listOptions->getSearch() }}">
+ </form>
+ </div>
+ </div>
+ <div class="justify-flex-end">
+ @include('common.sort', $listOptions->getSortControlData())
+ </div>
+ </div>
+
+ <div class="item-list">
+ @foreach($users as $user)
+ @include('users.parts.users-list-item', ['user' => $user])
+ @endforeach
+ </div>
+
+ <div>
+ {{ $users->links() }}
+ </div>
+ </main>
- <div class="container small">
- <h1>Users</h1>
- @if($currentUser->can('user-create'))
- <p>
- <a href="/users/create" class="text-pos"><i class="zmdi zmdi-account-add"></i>Add new user</a>
- </p>
- @endif
- <table class="table">
- <tr>
- <th></th>
- <th>Name</th>
- <th>Email</th>
- <th>User Type</th>
- </tr>
- @foreach($users as $user)
- <tr>
- <td style="line-height: 0;"><img class="avatar med" src="{{$user->getAvatar(40)}}" alt="{{$user->name}}"></td>
- <td>
- @if($currentUser->can('user-update') || $currentUser->id == $user->id)
- <a href="/users/{{$user->id}}">
- @endif
- {{$user->name}}
- @if($currentUser->can('user-update') || $currentUser->id == $user->id)
- </a>
- @endif
- </td>
- <td>{{$user->email}}</td>
- <td>{{ $user->role->display_name }}</td>
- </tr>
- @endforeach
- </table>
</div>
@stop