@extends(getTemplate('admin'))
@section('content')
	@push('custom-css')
	@endpush
	<div class="gadmin-pagesidebar-width-1">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel setting">
			<!-- begin panel-heading -->
			<div class="panel-heading gadmin-pagesidebar-width-1-heading">
				<h4 class="panel-title">{{__('admin.members_management')}}</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul">
						<li>
							<a href="{{ route('admin.users.create') }}" class=" gadmin-pagesidebar-options-success"><i class="fa fa-plus"></i>{{ __('core.add_new_user') }}</a>
						</li>
						@if(!auth()->user()->isHubAdmin())
                            <li>
                                <form id="deleteForm" class="gadmin-pagesidebar-options-danger-button" action="{{url('admin/ajax/bulk_delete/User')}}" method="POST">
                                    <button type="submit" id="deleteChecked" name="bulkDelete" class="gadmin-pagesidebar-options-danger"  style="display:none"><i class="fa fa-trash"></i> {{__('core.bulk_delete')}}</button>
                                </form>
                            </li>
						@endif
					</ul>
					<ul class="nav gadmin-pagesidebar-ul gadmin-mhide">
						<li><hr></li>
						<li><a class=" active">{{ __('admin.view_user_accounts') }}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="gadmin-pagesidebar-width-2">
		<!-- begin panel -->
		<div class="panel panel-default setting">
			<!-- begin panel-heading -->
			<div class="panel-heading">
				<div class="panel-heading-btn">
					<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
				</div>
				<h4 class="panel-title">Total Users ({{\App\Models\User::count()}})</h4>
			</div>
			<!-- end panel-heading -->
			<div id="info-alert" class="alert" style="display:none">
				<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
				<div class="alert-container"></div>
			</div>
			<div class="panel-body">
				<form id="deleteForm" action="{{url('admin/ajax/bulk_delete/User')}}" method="POST">
					<table class="table table-striped table-bordered table-hover" width="100%" id="beDataTable"
						   data-href="{{url('admin/ajax/getDataTableData/User')}}" data-object="User"
						   data-cols="id,avatar,first_name,last_name,email,is_active,id"
						   @if(setting('multihub') && auth()->user()->isHubAdmin())
							   data-hub-admin="true"
						   @endif
					>
						<thead>
                            <tr>
                                <th width="1%" data-orderable="false" data-bulk="true" data-name="id"><input id="select_all" name="select_all" value="1" type="checkbox"></th>
                                <th width="1%" data-orderable="false" data-searchable="false" data-name="avatar" data-image="true">{{__('core.avatar')}}</th>
                                <th class="text-nowrap" data-name="first_name">{{__('core.first_name')}}</th>
                                <th class="text-nowrap" data-name="last_name">{{__('core.last_name')}}</th>
                                <th class="text-nowrap" data-name="email">{{__('core.email')}}</th>
                                <th class="text-nowrap" data-name="is_active" data-user-status="true">{{__('core.status')}}</th>
                                <th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="role_names">{{__('core.group_level')}}</th>
                                <th
                                        class="text-nowrap"
                                        data-object="User"
                                        data-action="true"
                                        data-edit="admin/user/profile"
                                        data-delete="{{ route('admin.users.index') }}"
                                        data-swal="users"
                                        data-name="id"
                                >{{__('core.account')}}</th>
                            </tr>
						</thead>
					</table>
				</form>
			</div>
		</div>
	</div>

	<script>
        $(document).ready(function() {
            beDataTable('#beDataTable');
            $("body").off('click', '.activate_deactivate');
			$("body").on('click', '.activate_deactivate', function (e) {
				e.preventDefault();
				var type = 'warning';
				var title = "{{__('core.swal_title')}}";
				var text = '';
				var confirmBtn = "{{__('core.swal_yes')}}";
				var cancelBtn = "{{__('core.swal_cancel')}}";
				var url = $(this).attr('href');
				setTimeout(function() {
					Swal.fire({
						title: title,
						text: text,
						type: type,
						showCancelButton: true,
						confirmButtonColor: "#DD6B55",
						confirmButtonText: confirmBtn,
						cancelButtonText: cancelBtn,
						preConfirm: (isConfirm) => {
							if (isConfirm) {
								window.location.href = url;
							} else {
								return false;
							}
						},
					});
				},200);
			});
			$('[data-toggle="tooltip"]').tooltip();
        })
	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection