@extends('layouts.app-admin')

@section('title', 'User Management')

@section('content')

<!-- Page content -->
<div class="page-content">

	<!-- Main content -->
	<div class="content-wrapper">

		<div id="pnotify-solid-primary"></div>
		<div id="pnotify-create-user"></div>

		<!-- Default ordering -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">
					<i class="icon-user position-left"></i> 
					{{trans('admin_default.list_user')}}

					@if (permission_check(2,'can_add'))
						<a href="{{url('/register')}}" class="btn text-teal-600 border-teal btn-flat pull-right" >
							<i class=" icon-plus3 position-left"></i>
							{{trans('admin_default.add')}}
						</a>
					@endif
				</h5>
			</div>
			<div class="panel-body">	
				<table class="table table-bordered table-framed">
					<thead>
						<tr>
							<th>{{trans('admin_default.id')}}</th>
							<th>{{trans('admin_default.name')}}</th>
							<th>{{trans('admin_default.phone')}}</th>
							<th>{{trans('admin_default.email')}}</th>
							<th>{{trans('admin_default.username')}}</th>
							<th class="text-center">{{trans('admin_default.action')}}</th>
						</tr>
					</thead>

					<tbody>
					
					   					  @foreach($users as $user)
					    						<tr>
							<td>{{$index}}</td>
							<td><a href="{{url('/detail-user/'.$user->id.' ')}}">{{$user->name}}</a></td>
							<td>{{$user->phone}}</td>
							<td>{{$user->email}}</td>
							<td>{{$user->username}}</td>
							<td class="text-center">
								@if(permission_check(2,'can_edit') || permission_check(2,'can_delete'))
									<ul class="icons-list">
										<li class="dropdown">
											<a href="#" class=" dropdown-toggle" data-toggle="dropdown">
												<i class="icon-menu9 text-teal-600"></i>
											</a>

											<ul class="dropdown-menu dropdown-menu-right">

												@if (permission_check(2,'can_edit'))
													<li>
														<a href="{{url('/edit-user/'.$user->id.' ')}}" data-popup="tooltip" title="Edit">
															<i class="icon-pencil7"></i> {{trans('admin_default.edit')}}
														</a>
													</li>
												@endif
												
												@if (permission_check(2,'can_delete'))	
													<li>
														<a href="#" class="btn-delete" data-id="{{$user->id}}" data-toggle="modal" data-target="#modalSup" data-popup="tooltip"  title="Delete">
															<i class="icon-trash"></i> {{trans('admin_default.delete')}}
														</a>
													</li>
												@endif

											</ul>
										</li>
									</ul>
								@endif
							</td>
						</tr>
				  	  @endforeach

					</tbody>
				</table>
				
			</div>
		</div>
		<!-- /default ordering -->

		<!-- Inform Delect user-->
	    <div class="modal fade" id="modalSup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	        <div class="modal-dialog" role="document">
	            <div class="modal-content">
	            
	                <div class="modal-header bg-warning">
	                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	                    	<span aria-hidden="true">&times;</span>
	                    </button>
	                    <h4 class="modal-title" id="myModalLabel"> <i class="fa fa-times"></i> Do you want to delete this user ? </h4>   
	                </div>

	                <form id="delete-form" action="{{url('/delete-user')}}" method="POST">
	                    {!! csrf_field() !!}
	                    <input type="hidden" name="user_id" id="hidden_id" value="">
	                    <div class="modal-body">
		                     <p id="delete-text">{{ Auth::user()->name }} ! are you sure to delete this user ?</p>
						  	 <hr>
	                    </div>
	                    <div class="modal-footer">
	                        <button id="delete-btn" type="submit" class="btn btn-extia bg-warning">
	                       	{{trans('admin_default.yes')}}
	                        </button>		                    
	                        <button type="button" class="btn btn-default " data-dismiss="modal">
	                       	 {{trans('admin_default.cancel')}}
	                        </button>
	                    </div>
	                </form>

	            </div>
	        </div>
	    </div>
	    </div>
	    <!-- /Inform Delect user-->		

	</div>
	<!-- /main content -->

</div>
<!-- /page content -->

@endsection


@section('script')

<script type="text/javascript">

	// A $( document ).ready() block.
	$( document ).ready(function() {
	    $('a.btn-delete').click(function(){
	    	var me = $(this),
	    		id = me.attr('data-id');
	    	$('#hidden_id').val(id);
	    });
	});

	@if(Session::has('message-delete'))

	    // notifycation Solid primary
		$( "#pnotify-solid-primary" ).after(function() {
	          new PNotify({
	            title: '<b>REMOVE USER</b>',
	            text: '{{ \Session::get('message-delete') }}',
	            addclass: 'alert-styled-left'
	        });
		});	

	@endif

	@if(Session::has('message-update'))

	    // notifycation Solid primary
		$( "#pnotify-solid-primary" ).after(function() {
	          new PNotify({
	            title: '<b>UPDATE USER</b>',
	            text: '{{ \Session::get('message-update') }}',
	            addclass: 'alert-styled-left'
	        });
		});	

	@endif	

	@if(Session::has('message-create'))

	    // notifycation Solid primary
		$( "#pnotify-create-user" ).after(function() {
	          new PNotify({
	            title: '<b>CREATE NEW USER</b>',
	            text: '{{ \Session::get('message-create') }}',
	            addclass: 'bg-success'
	        });
		});	

	@endif	
</script>

@endsection