@extends('layouts.cannavaro.master')

@section('header')
<!-- iCheck -->
<link href="{!! asset('gentella/vendors/iCheck/skins/flat/green.css') !!}" rel="stylesheet">
@stop

@section('breadcrumb')
<span class="header-icon"><i class="fa fa-home"></i></span>
<ol class="breadcrumb newcrumb ng-scope">
    <li>
        <a href="{{ URL::to('admin') }}"><span></span>Pentadbir Sistem</a>
    </li>
    <li>Senarai Pengguna</li>
</ol>
@stop

@section('content')


	<div class="box">
		<div class="box-header with-border">
			@if(Auth::user()->can('user.index'))
			<div class="pull-right box-tools">
                <a href="{{ route('user.create') }}" class="btn btn-xs btn-primary text-white"><i class="fa fa-plus-circle"></i> {{ __('Admin::user.registeruser') }}</a>
                <a data-toggle="collapse" data-target="#searchbox" class="searchbox btn btn-xs btn-primary text-white" href="javascript:;" role="button"><i class="fa fa-search"></i></a>
            </div>
            @endif
            <h3 class="box-title"><i class="fa fa-users"></i> <span>Senarai Pengguna</span></h3>
		</div>
		
		<div class="box-body">
			@if(Auth::user()->can('user.index'))
		 	<div id="searchbox" class="collapse in well">
			  {{ Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@index', 'method'=>'get', 'class'=>'form-inline']) }}
			  	<input class="form-control" name="staffno" placeholder="no pekerja" maxlength="5" value="{{ Input::get('staffno') }}">
			  	<input class="form-control" name="staffname" placeholder="nama pekerja" value="{{ Input::get('staffname') }}">
			  	<button class="btn btn-success" type="submit"><i class="fa fa-search"></i> {{ __('Admin::base.search') }}</button>
                @if(Input::has('staffno') || Input::has('staffname'))
                <a class="btn btn-default" href="{{ URL::to('user') }}"><i class="fa fa-sync-alt"></i> {{ __('Admin::base.reset') }}</a>
                @endif
			  {{ Form::close() }}
			</div>
			@endif

		 {!! Form::open(['action'=>'\App\Modules\Admin\Controllers\UserController@processaction', 'method'=>'post', 'class'=>'form-horizontal']) !!}
		 {{ csrf_field() }}
		 	@if(Auth::user()->can('perfom.bulk.action'))
			<div class="row">
				<div class="col-xs-12 col-md-6 col-sm-6">
					<div class="form-group">
						<div class="col-sm-4">
							{{ Form::actions('useraction',[''=>'-- '.__('Admin::base.select_action').' ', 'enable'=>__('Admin::user.enable')], '', ['class'=>'form-control input-sm']) }}
						</div>
						<div class="col-sm-1"><button type="submit" class="btn btn-xs btn-primary"><i class="fa fa-check-circle"></i> {{ __('Admin::base.submit') }}</button></div>
					</div>
				</div>
			</div>
			@endif

			<div class="table-responsive">
				<table class="table table-bordered table-striped cf">
					<thead class="cf">
						<tr class="bg-info">
							<!--th><input type="checkbox" onclick="toggleCheck(this)" name="checkall" class="checkall"></th-->
							<th class="column-title text-center" width="10%">No Staf</th>
							<th class="column-title">Nama Staf</th>
							<th class="column-title text-center" width="15%">ID Pengguna</th>
							<!--th class="column-title text-center">{{ __('Admin::user.email') }}</th>
							<th class="column-title text-center" width="15%">Peranan</th-->
							<!--th class="column-title">Domain</th-->
							<!-- <th class="column-title text-center" width="14%">{{-- __('Admin::user.registerdt') --}}</th> -->
							<th class="column-title text-center" width="10%">Status</th>
							<th class="column-title text-center" width="15%">{{ __('Admin::base.action') }}</th>
						</tr>
					</thead>
					<tbody>
						@if(count($users) > 0)
						@foreach($users as $user)
						<tr>
							<!--td>
								@if(!in_array($user->id,[1,2]) && $user->status_approve!='1') 
									<input type="checkbox" class="" value="{!! $user->id !!}" name="uid[]"> 
								@endif
							</td-->
							<td>{!! ($user->detail) ? $user->detail->users_detail_staffno : '' !!}</td>
							<td>{!! $user->name !!}</td>
							<td class="text-center">{!! $user->username !!}</td>
							<!--td>{!! $user->email !!}</td>
							<td>{!! Globe::getUserRole($user->id) !!}</td-->
							<!-- <td class="text-center">{{-- date( 'd F Y, h:i:s', strtotime($user->created_at)) --}}</td> -->
							<td class="text-center">
								{!! ($user->status=='1') ? '<span class="label label-success">'.__('Admin::base.active').'</span>' : '<span class="label label-warning">Tidak Aktif</span>' !!}
							</td>
							<td class="text-center">
								<div class="btn-group">
								@if(in_array($user->id,[1,2]))
									<!--span class="label label-info">{{ __('Admin::base.permanentdata') }}</span-->
								@else
									<a data-toggle="tooltip" title="{{ __('Admin::user.userdetail') }}" class="btn btn-xs btn-info" href="{{ route('user.showstaff', Crypt::encrypt($user->id)) }}"><i class="fa fa-info-circle"></i></a>
									<a data-toggle="tooltip" title="Set Semula Katalaluan" data-askmsg="Anda pasti untuk set semula katalaluan pengguna ini?" class="btn btn-xs btn-default enabledata" value="{{ route('user.resetpassword', Crypt::encrypt($user->id)) }}"><i class="fa fa-key"></i></a>
									@if($user->approve_status == 1)
										@if($user->status == 1)
											@if(Auth::user()->can('user.disable'))
											<a data-toggle="tooltip" title="Nyahaktif" data-askmsg="Anda pasti untuk nyahaktifkan pengguna ini?" class="btn btn-xs btn-warning enabledata" value="{{ route('user.disable', Crypt::encrypt($user->id)) }}"><i class="fa fa-minus-circle"></i></a>
											@endif
										@else
											@if(Auth::user()->can('user.enable'))
											<a data-toggle="tooltip" title="Aktifkan" data-askmsg="Anda pasti untuk aktifkan pengguna ini?" class="btn btn-xs btn-success enabledata" value="{{ route('user.enable', Crypt::encrypt($user->id)) }}"><i class="fa fa-check-circle"></i></a>
											@endif
										@endif
									@else
										@if(Auth::user()->can('user.enable'))
										<a data-toggle="tooltip" title="Sahkan Data" data-askmsg="Anda pasti untuk sahkan data pengguna ini?" class="btn btn-xs btn-success enabledata" value="{{ route('user.approve', Crypt::encrypt($user->id)) }}"><i class="fa fa-thumbs-up"></i></a>
										@endif
										<a data-toggle="tooltip" title="{{ __('Admin::base.delete') }}" class="btn btn-xs btn-danger deleteuser" value="{{ route('user.delete',$user->id) }}"><i class="fa fa-trash"></i></a>
									@endif

								@endif
								</div>
							</td>
						</tr>
						@endforeach
						@else
						<tr><td colspan="7">No result(s)</td></tr>
						@endif
					</tbody>
					@if(count($users) > 0)
					<tfoot>
						<tr class="bg-info">
							<td colspan="8" class="text-left">
								{{ $users->firstItem() }} - {{ $users->lastItem() }} daripada {{ $users->total() }} (Mukasurat {{ $users->currentPage() }})
							</td>
						</tr>
					</tfoot>
					@endif
				</table>
				{{ $users->appends(Request::only('search'))->appends(Request::only('keyword'))->links() }}
			</div>
			{!! Form::close() !!}
		</div>
	</div>

@stop

@section('footer')

<link rel="stylesheet" href="{{-- asset('assets/js/zurb-responsive-tables/responsive-tables.css') --}}">

<script type="text/javascript">

	@if( Session::get('modal') )
		$('#modal-1').modal( {backdrop: 'static', keyboard: false} ); 
	@endif

	@if( Session::get('modal4') )
		$('#modal-4').modal( {backdrop: 'static', keyboard: false} ); 
	@endif

  	function toggleCheck(source) {
    	checkboxes = document.getElementsByTagName('input');
    
    	for(var i=0, l=checkboxes.length; i<l; i++) {
      		checkboxes[i].checked = source.checked;
    	}
  	}

  	$('.changepassword').on('click', function(){

		$('.modaldata').val('');
		$('#guest_id').val($(this).data('id'));
		$('#guestfullname').val($(this).data('name'));
		$('#guestemail').val($(this).data('email'));
		$('#modal-1').modal('show');

	});

  	$('.enabledata').on('click', function() {
  	
  		var url = $(this).attr('value');
  		var askmsg = $(this).data('askmsg');

	  	swal({
		  	title: askmsg,
		  	//text: "{{ __('Admin::base.norevert') }}",
		  	type: 'warning',
		  	showCancelButton: true,
		  	cancelButtonText: '{{ __("Admin::base.cancel") }}',
		  	confirmButtonColor: '#367fa9',
		  	cancelButtonColor: '#b7b7b7',
		  	confirmButtonText: '{{ __("Admin::base.yes") }}',
		  
		  	preConfirm: function() {
     			return new Promise(function(resolve) {

     			 window.location.href = url;

     			});
      		},

		}).then(function () {
		  	swal(
			    '{{ __("Admin::base.deleted") }}!',
			    '{{ __("Admin::base.deletedtext") }}.',
			    'success'
		  	)
		});

  	});

  	$('.userinfo').on('click', function() {

  		var id = $(this).data('id');

  		$.ajax({
            url: '{{ URL::to("user/getUserInfo") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {
            	console.log(data);
            	$('#fullname').val(data.salutation_desc+' '+data.users_detail_name);
		  		$('#email').val(data.email);
		  		//$('#gender').val(data.gender_desc);
		  		$('#idno').val(data.users_detail_idno);
		  		//$('#nationality').val(data.country_desc);
		  		$('#address1').val(data.users_detail_address1);
		  		$('#address2').val(data.users_detail_address2);
		  		$('#address3').val(data.users_detail_address3);
		  		$('#postcode').val(data.users_detail_postcode);
		  		$('#district').val(data.district_desc);
		  		$('#state').val(data.state_desc);
		  		$('#mobileno').val(data.users_detail_mobileno);
		  		$('#homeno').val(data.users_detail_homeno);
		  		$('#workno').val(data.users_detail_workno);
		  		$('#personalphoto').attr('src','{{ asset("") }}'+data.upload_path+data.upload_filename);

            }
        });

  		$('#modal-3').modal('show');

	});

  	$('.editpermission').on('click', function() {

		var id = $(this).data('id');
		var name = $(this).data('name').toUpperCase();
		var email = $(this).data('email');

		$('#rolediv').empty();
		$('#permissiondiv').empty();
		$('#namepermission').empty();
		$('#emailpermission').empty();
		
		$('#namepermission').append(name);
		$('#emailpermission').append(email);
		$('#useridmodal2').val(id);
		$('#usernamemodal2').val(name);

		$.ajax({
            url: '{{ URL::to("admin/permission/getUserPermission") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {

            	var permission = data.permission;
            	var userpermissions = data.userhaspermissions;
            	//console.log(rolepermissions);
            	$('#permissiondiv').append('<div class="checkbox"><label><input type="checkbox" onclick="toggleCheck(this)" name="checkall" class="checkall">All</label></div>');

            	$.each(permission, function(key,val) {
            		if (jQuery.inArray(val.id, userpermissions)!='-1') {
            			var ischecked = 'checked';
            		}else{
            			var ischecked = '';
            		}
            		$('#permissiondiv').append('<div class="checkbox"><label><input type="checkbox" name="permission[]" value="'+val.id+'" '+ischecked+'>'+val.description+'</label></div>');
            	});

            }
        });

        /*$.ajax({
            url: '{{ URL::to("user/getUserRole") }}/'+id,
            type: 'get',
            dataType: 'json',
            success:function(data) {

            	var role = data.role;
            	var userroles = data.userhasroles;
            	//console.log(rolepermissions);
            	$('#rolediv').append('<div class="checkbox"><label><input type="checkbox" onclick="toggleCheck(this)" name="checkall" class="checkall">All</label></div>');

            	$.each(role, function(key,val) {
            		if (jQuery.inArray(val.id, userroles)!='-1') {
            			var ischecked = 'checked';
            		}else{
            			var ischecked = '';
            		}
            		$('#rolediv').append('<div class="checkbox"><label><input type="checkbox" name="role[]" value="'+val.id+'" '+ischecked+'>'+val.description+'</label></div>');
            	});

            }
        });*/

        $('#modal-2').modal('show');

	});	

	//submiteditpermission
	$('.savebtn').on('click', function() {

      var url = $(this).attr('value');

      swal({
        title: '{{ __("Admin::base.confirmsubmission") }}',
        //text: "{{ __('Admin::base.inadjustable') }}",
        type: 'warning',
        showCancelButton: true,
        cancelButtonText: '{{ __("Admin::base.cancel") }}',
        confirmButtonColor: '#367fa9',
        cancelButtonColor: '#b7b7b7',
        confirmButtonText: '{{ __("Admin::base.yes") }}',
      
        preConfirm: function() {
            return new Promise(function(resolve) {
                $("#userpermissionform").submit();
            });
        },

        }).then(function () {
            swal(
              '{{ __("Admin::base.success") }}!',
              '',
              'success'
            )
        });

    });

  	$('.deleteuser').on('click', function() {
  	
  		var url = $(this).attr('value');

	  	swal({
		  title: '{{ __("Admin::base.areyousure") }}',
		  text: "{{ __('Admin::base.norevert') }}",
		  type: 'warning',
		  showCancelButton: true,
		  cancelButtonText: '{{ __("Admin::base.cancel") }}',
		  confirmButtonColor: '#367fa9',
		  cancelButtonColor: '#b7b7b7',
		  confirmButtonText: '{{ __("Admin::base.yesdeleteit") }}',
		  
		  preConfirm: function() {
     		return new Promise(function(resolve) {

     			// alert( url );
     			 window.location.href = url;
          
	        	// $.ajax({
	        	// 	url: 'delete.php',
	        	// 	type: 'POST',
	         //   		data: 'delete='+productId,
	         //   		dataType: 'json'
	        	// });
	        // 	.done(function(response){
	        //  		swal('Deleted!', response.message, response.status);
	     			// readProducts();
	        // 	})
	        // 	.fail(function(){
	        //  		swal('Oops...', 'Something went wrong with ajax !', 'error');
	        // 	});
     		});
      	},



		}).then(function () {
		  swal(
		    '{{ __("Admin::base.deleted") }}!',
		    '{{ __("Admin::base.deletedtext") }}.',
		    'success'
		  )
		});

  	});

</script>
@stop