@extends('adminlte::page')
@section('title', $pageTitle)
@section('content_header')
	<h1>{{ $pageTitle }}</h1>
@stop
@section('content')
	@include('user.partials.tabs')
	<div class="row">
		<div class="col-xs-12">
			{!! Form::open(array('url'=>'user/delete/', 'class'=>'form-horizontal dataTablesForm')) !!}
			<table id="usersTable" class="table table-striped table-bordered">
				<thead>
					<tr>
						<th></th>
						<th>Avatar</th>
						<th>First Name</th>
						<th>Last Name</th>
						<th>Email</th>
						<th>Active</th>
						<th>Last Activity</th>
						<th>Actions</th>
					</tr>
				</thead>
				<tfoot>
					<tr>
						<td colspan="2"><button class="btn btn-danger" type="submit">Delete Selected</button></td>
					</tr>
				</tfoot>
			</table>
			{!! Form::close() !!}
			@if(Laratrust::can('create-UserController'))
				<a href="{{ URL::to('user/create') }}" class="btn btn-success" title="{{ Lang::get('core.btn_create') }}">
					<i class="fa fa-plus-circle "></i>&nbsp;{{ Lang::get('core.btn_create') }}
				</a>
			@endif
		</div>
	</div>
	@section('js')
		<script>
		$(function() {
			var table = $('#usersTable').DataTable({
				searchDelay: 500,
				processing: true,
				serverSide: true,
				ajax: '{!! URL::to('user/all') !!}',
				columnDefs: [
					{
						targets:   0,
						checkboxes: {
							selectRow: true
						}
					},
					{
						targets:1,
						bSearchable:false
					},
					{
						targets: 5,
						render:function(data){
							if(data){
								return '<label class="label label-success">Active</label>';
							}else{
								return '<label class="label label-danger">Inactive</label>';
							}
						}
					},
					{
						targets: 7,
						render: function (data) {
							var returnData = '';
							@if(Laratrust::can('update-UserController'))
								returnData += '<a href="/user/'+data+'/edit" class="tips btn btn-xs btn-white" title="{{ Lang::get("core.btn_edit") }}"><i class="fa fa-edit"></i></a>';
							@endif
							@if(Laratrust::hasRole(['superadministrator', 'administrator']))
								if({{Auth()->id()}} != data){
									returnData += '<a href="/user/switch/start/' + data + '" title="Login as user" class="tips btn btn-xs btn-white"><i class="fa fa-male" aria-hidden="true"></i></a>';
								}
							@endif
							return returnData;
						}
					}
				],
				columns: [
					{ data: 'id', name: 'id' },
					{ data: 'gravatar', name: 'gravatar' },
					{ data: 'first_name', name: 'first_name' },
					{ data: 'last_name', name: 'last_name' },
					{ data: 'email', name: 'email' },
					{ data: 'active', name: 'active' },
					{ data: 'last_activity', name: 'last_activity' },
					{ data: 'id', name: 'id' }
				]
			});
			// Handle form submission event
			$('.dataTablesForm').on('submit', function(e){
				var form = this;
				var rows_selected = table.column(0).checkboxes.selected();
				$.each(rows_selected, function(index, rowId){
					$(form).append($('<input>').attr('type', 'hidden').attr('name', 'ids[]').val(rowId));
				});
			});
		});
	</script>
	@stop
@stop