000

@extends('layout.master')
@section('title','User')
@push('plugin-styles')

{!! Html::style('//cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css') !!} 
  {!! Html::style('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css') !!}
    <style type="text/css">
    .table th, .table td {
      white-space: break-spaces !important;
  }
  </style>
@endpush
@section('content')

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="{{url('')}}">Home</a>
				</li>
				/<li class="active">Users</li>
			</ul>
		</div>

<div class="row">
				<div class="col-12">
					<h3 class="header smaller lighter blue">Users</h3>

<div class="clearfix">
						<div class="pull-right tableTools-container">
					    </div>
					</div>
					<div class="table-header">
						Results for "Latest Registered Users"
						<div class="widget-toolbar no-border">
							<a class="btn btn-xs bigger btn-danger dropdown-toggle"  data-toggle="modal" href='#addUserModal'>
								Add
								<i class="ace-icon fa fa-plus icon-on-right"></i>
							</a>
						</div>

</div>

<div class="card">
        				<div class="card-body">
        					<div class="table-responsive">
        						<table id="dynamic_table" class="table table-striped table-bordered table-hover">
        							<thead>
        								<tr>
        									<th>ID</th>
        									<th>LoginID</th>
        									<th>Name</th>
        									<th>Email</th>
        									<th>Role</th>
        									<th>User Type</th>
        									<th></th>
        								</tr>
        							</thead>
        
        							<tbody>
        								@foreach($users as $user)
        								<tr id="tr_{{$user->id}}">
        								  <td>{{$user->id}}</td>
        									<td>{{$user->loginId}}</td>
        									<td>{{$user->name}}</td>
        									<td>{{$user->email}}</td>
        									<td>{{ $user->roles->role_name}}</td>
        									<td>{{($user->type == 1)?"Asset":"O&M"}}</td>
        									<td>
        										<div class="hidden-sm hidden-xs btn-group">      										
      												<a class="btn btn-xs btn-info" onclick="getEdit({{$user->id}})" >
      													<i class="ace-icon fa fa-pencil bigger-120"></i>
      												</a>      
      												<button class="btn btn-xs btn-danger" onclick="deleteGstSlab({{$user->id}})" >
      													<i class="ace-icon fa fa-trash-o bigger-120"></i>
      												</button>
      											</div>
      										</td>
        								</tr>
        								@endforeach
        							</tbody>
        						</table>
        					</div>
        				</div>
        			</div>
                </div>
            </div>
	    </div>
	</div>
</div>

<div class="modal fade" id="addUserModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
			  <h4 class="modal-title">Add New User</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<form action="" role="form" id="addUserForm">
			  <div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label for="login_id">LoginId</label>
								    <input type="text" class="form-control" name="login_id" id="login_id" placeholder="Login Id">
								<span class="text text-danger error" id="add_login_id_error" style="display: none;"></span>
							</div>
						</div>
					</div>
					<div id="addUserBody">
					    
					</div>
				</div>
				<div class="modal-footer" id="modal_footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" id="addLoginIdBtn" class="btn btn-primary">Get User Detail</button>
				</div>
			</form>
		</div>
	</div>
</div>

<div class="modal fade" id="editUserModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
			  <h4 class="modal-title">Update User</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" id="EditBody">

</div>
		</div>
	</div>
</div>

@endsection

@push('custom-scripts')

{!! Html::script('js/app.js') !!}

{!! Html::script('/assets/js/dashboard.js') !!}
		 
    {!! Html::script('//cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js') !!}
    
    <script>
    
        jQuery(function($) {
		
			$('#dynamic_table').DataTable( {
				bAutoWidth: false,
				"aaSorting": [],
			});
		});
	   </script>
	    <script>
		$(document).ready(function(){
	
			$('#addLoginIdBtn').click(function(e){
				e.preventDefault();
				$('.error').hide();
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
					}
				});
				$.ajax({
					url: "{{ url('admin/get-user-details')}}",
					method: 'POST',
					data: $('#addUserForm').serialize(),
					success: function(data){
					    if(!data.flag) {
					        showError('add_login_id_error', data.response);
					    } else {
					        var html = `<div class="row">
																<div class="col-md-6">
	                                	<div class="form-group">
	                                		<label for="name">Name</label>
	                                		<input type="text" class="form-control" name="name" id="name" placeholder="Name" value="`+data.user_details[0].StaffName+`">
	                                		<span class="text text-danger error" id="add_name_error" style="display: none;"></span>
	                                	</div>
	                              </div>
	                              <div class="col-md-6">
	                                <div class="form-group">
	                                  <label for="email">Email</label>                
	                                  <input type="text" class="form-control" name="email" id="email" placeholder="Email" value="`+data.user_details[0].EMail+`">
	                                  <span class="text text-danger error" id="add_email_error" style="display: none;"></span>
	                                </div>
	                              </div>
															</div>
															<div class="row">																
	                              <div class="col-md-6">
	                                <div class="form-group">
	                                  <label for="is_active">StaffStatus</label>                
	                                  <input type="text" class="form-control" name="is_active" id="is_active" placeholder="is_active" value="`+data.user_details[0].StaffStatus+`" disabled>
	                                  <span class="text text-danger error" id="add_is_active_error" style="display: none;"></span>
	                                </div>
	                              </div>
	                              <div class="col-md-6">
	                                <div class="form-group">
	                                  <label for="password">Password</label>                
	                                  <input type="text" class="form-control" name="password" id="password" placeholder="Password" value="`+data.user_details[0].Password+`">
	                                  <span class="text text-danger error" id="add_password_error" style="display: none;"></span>
	                                </div>
	                              </div>
															</div>
															<div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="role_id">Role</label>                
                                        <input type="text" class="form-control" name="role_id" id="role_id" placeholder="Role Id" value="`+data.user_details[0].role_id+`">
                                        <span class="text text-danger error" id="add_role_id_error" style="display: none;"></span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                  <div class="form-group">
                                    <label for="user_type">User Type</label>  <select class="form-control mr" name="user_type">
                                      <option value="">Select User Type</option>
                                      <option value="1">Asset</option>
                                      <option value="2">O&M</option>
                                     </select>              
                                    <span class="text text-danger error" id="add_user_type_error" style="display: none;"></span>
                                  </div>
                                </div>
															</div>	
															<div class="row">
                                <div class="col-md-12">                                
																	<div class="form-group">
																    <label for="exampleFormControlTextarea1">Example textarea</label>
																    <textarea class="form-control" id="exampleFormControlTextarea1" rows="5">`+data.user_details[0].warehouseCode+`</textarea>
																		<span class="text text-danger error" id="add_warehouseCode_error" style="display: none;"></span>
																  </div>                 
																</div>               
															</div>																													
                          <div class="modal-footer">
	                					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	                					<button type="button" id="addUserBtn" onclick="addNewUser()" class="btn btn-primary">Submit</button>
	                				</div>`;
    					    $('#modal_footer').remove();
            				$('#addUserBody').html(html);  
					    }
					    
					}
				});
			});

});
		
		
		function addNewUser() {
		    $('.error').hide();
		    $.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: "{{ url('admin/add-new-user')}}",
				method: 'POST',
				data: $('#addUserForm').serialize(),
				success: function(data){
				    if(data.errors){
				        handleError(data);
					} else{
						swal({
							title: "Success!",
							text: data.message,
							type: "success"
						}).then(function() {
							window.location.reload();
						});
					}
				}
			});
		}
        
        function getEdit(id){
			if(id == ""){
				swal('Error','User id is missing','warning');
			}else{
				$.ajax({
					url: "{{url('/admin/edit-user/')}}"+"/"+id,
					type: 'GET',
					success:function(data){
						$('#EditBody').html(data);
						$('#editUserModal').modal('toggle');
					}
				});
			}
		}
		
		
		function updateUser(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				}
			});
			$.ajax({
				url: $('#editUserForm').attr('action'),
				method: 'POST',
				data: $('#editUserForm').serialize(),
				success: function(data){
					if(data.errors){
					    handleError(data);
					}else{
						swal({
							title: "Success!",
							text: data.msg,
							type: "success"
						}).then(function() {
							window.location.reload();
						});
					}
				}
			});
		}
		
		
		
		function deleteGstSlab(id){
			if(id == ""){
				swal('Error','Gst Slab id is missing','warning');
			}else{
				swal({
					title: "Are you sure?",
					text: "You will not be able to recover this Gst Slab!",
					type: "warning",
					showCancelButton: true,
					confirmButtonColor: '#DD6B55',
					cancelButtonColor: '#DD6B55',
					confirmButtonText: 'Yes, I am sure!',
					cancelButtonText: "No, cancel it!",
					closeOnConfirm: false,
					closeOnCancel: false
				}).then(function(isConfirm){
					if (isConfirm){
						$.ajax({
							url: "{{url('/admin/delete-gst-slab/')}}"+"/"+id,
							type: 'GET',
							success:function(data){
								if(data.flag){
									$('#tr_'+id).remove();
									swal("Success", "Gst Slab Deleted Successfully", "success");
								}else{
									swal("Error", data.message, "error");
								}
							}
						});
					} else {
						swal("Cancelled", "Your Gst Slab is safe :)", "error");
					}
				});
			}
		}
		
		
		
		
		
		function showError(id,error){
			if(typeof(error) === "undefined"){
				$('#'+id).hide();
			}else{
				$('#'+id).show();
				$('#'+id).text(error);
			}
		}
		
		function handleError(data) {
		    if(data.status == 1) { 
		        $.each(data.errors, function(key, error){
    		        $('#add_'+key+'_error').show();
    		        $('#add_'+key+'_error').text(error);
    		    });    
		    } else {
		       swal({
					title: "Error!",
					text: data.errors,
					type: "error"
				}).then(function() {
					window.location.reload();
				});  
		    }
		    
		}

</script>
    
    
    
@endpush