@extends('layouts.app-admin')

@section('title', 'Group 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-group"></div>

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

					@if (permission_check(1,'can_add'))
						<a href="{{url('/create-group-users')}}" 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_group')}}</th>
							<th>{{trans('admin_default.code_group')}}</th>
							<th>{{trans('admin_default.description')}}</th>
							<th>{{trans('admin_default.created_by')}} </th>
							<th class="text-center">{{trans('admin_default.action')}}</th>
						</tr>
					</thead>
					
					<tbody>
					
					   					  @foreach($user_Groups as $group)
					    						<tr>
							<td>{{$index}}</td>
							<td><a href="{{url('/edit-group-user/'.$group->id.' ')}}">{{$group->name}}</a></td>	<td>{{$group->code}}</td>
							<td>{!! !empty($group->description)? $group->description : "" !!}</td>
							<td>{{$group->creator}}</td>
							<td class="text-center">
								@if((permission_check(1,'can_edit')) || (permission_check(1,'can_delete')))
									<ul class="icons-list">
										<li class="dropdown">
											<a href="#" class=" dropdown-toggle" data-toggle="dropdown">
												<i class="icon-menu9"></i>
											</a>

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

											@if (permission_check(1,'can_edit'))
												<li>
													<a href="{{url('/edit-group-user/'.$group->id.' ')}}" data-popup="tooltip" title="Edit">
														<i class="icon-pencil7"></i> {{trans('admin_default.edit')}}
													</a>
												</li>
											@endif	

											@if (permission_check(1,'can_delete'))
												<li>
													<a href="#" class="btn-delete" data-id="{{$group->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 group-->
	    <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 group ?
	                    </h4>
	                </div>
	                <form id="delete-form" action="{{url('/delete-group')}}" method="POST">
	                    {!! csrf_field() !!}
	                    <input type="hidden" name="group_id" id="hidden_id" value="">
	                    <div class="modal-body">
	                        <p id="delete-text">{{ Auth::user()->name }} ! are you sure to delete this group ?</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 group-->		

	</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 GROUP</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 Group</b>',
		            text: '{{ \Session::get('message-update') }}',
		            addclass: 'alert-styled-left'
		        });
		});	

	@endif	

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

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

	@endif	
</script>

@endsection