@section('content')

	<h2 class="header-main">Users</h3>

	<table class="table table-edit">
	<thead>
		<tr>
			<th colspan="2">Username</th>
			<th>Email</th>
			<th class="text-right">Activated</th>
			<th class="text-right">Delete</th>
		</tr>
	</thead>
	<tbody>
	@foreach ( $users as $u )
	<tr>
		<td><img src="http://www.gravatar.com/avatar/{{ md5($u['email']) }}.png?s=27&d=mm" class="img-circle"></td>
		<td><a href="{{ URL::action('UsersController@edit', array($u->id)) }}">{{{ $u['username'] }}}</a></td>
		<td><a href="{{ URL::action('UsersController@edit', array($u->id)) }}">{{{ $u['email'] }}}</a></td>
		<td class="action"><a href="{{ URL::action('UsersController@toggle', array($u->id)) }}"><span class="fa fa-{{ !$u->disabled ? 'check-circle' : 'circle-o' }}"></span></a></td>
		<td class="action">
			<a href="{{ URL::action('UsersController@destroy', array($u->id)) }}" data-id="{{ $u->id }}" class="delete-confirm "><span class="fa fa-trash-o"></span></a>
		</td>
	</tr>
	@endforeach
	</tbody>
	</table>

	<a href="{{ URL::route('users.create') }}" class="btn btn-success"><span class="fa fa-plus-circle"></span> Create New User</a>
@stop

@section('actions')

@stop

@section('scripts')

	<div class="modal hide fade" id="delete-confirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3>Delete User</h3>
		</div>
		<div class="modal-body">
			<p>Are you sure?</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
			{{ Former::vertical_open('delete')->method('DELETE')->class('pull-right') }}&nbsp;
			  {{ Former::submit('Delete')->class('btn btn-danger') }}
			{{ Former::close() }}
		</div>
	</div>

<script>

		require(['domReady', 'bootstrap.min'], function(domReady) {
			// Delete confirmation modals
			$('#delete-confirm').on('click', function() {

	  			var $btn  = $(this).find('.btn-danger'),
	  			    $form = $btn.closest('form'),
			        href  = $submit.attr('action');

			    $form.submit();
			    return false;

			});

			$('.delete').click(function(e) {
			  e.preventDefault();
			  $('#delete-confirm form').prop('action', 'users/' + $(this).data('id'));
			  $('#delete-confirm').modal('show')
			});

		});

</script>
@stop