<td class="col-lg-3 col-md-4">
<div class="media">
	<a data-placement="bottom" title="<%- user.attributes.username%>" data-toggle="tooltip" class="pull-left" href="#/user/<%- user.attributes.id%>">
	<% if(!_.isEmpty(user.attributes.profile_picture_path)){ 
		var profile_picture_path = user.showImage('User', user.attributes.id, 'small_thumb' );
	
	%>
		<img class="img-rounded img-responsive" src="<%- profile_picture_path%>" alt="[Images: <%- user.attributes.username%>]" title="<%- user.attributes.username%>" />
		<% }else{ %>
			<i class="avatar avatar-color-194 img-rounded" title="<%- user.attributes.username%>"><%- user.attributes.initials%></i>
		<% } %> 
	</a>
	<div class="media-body">
		<div>
			<a href="#/user/<%- user.attributes.id%>"><h4 class="htruncate"><%- user.attributes.username%></h4></a>
		</div>
		<div>
			<p class="show"><%- user.attributes.email%>
			<% if(!user.attributes.is_email_confirmed){ %>
				<span class="label label-warning">Unconfirmed</span>
			<% } %></p>
		</div>
	</div>
</div>
</td>
<td class="text-right col-lg-9 col-md-8">
  <ul class="list-inline clearfix list-group-item-text">
	<li class="pull-right col-lg-5 col-sm-12 col-xs-5">
		<ul class="list-inline navbar-btn clearfix list-group-item-text">
			<li>
				<div class="btn-group text-left navbar-btn">
					<a title="Organizations" class="btn btn-default <% if(user.attributes.joined_organization_count != 0){ %>dropdown-toggle<%}else{%>js-no-action<%}%>" href="#" <% if(user.attributes.joined_organization_count != 0){ %>data-toggle="dropdown"<%}%>><%- user.attributes.joined_organization_count%> Organizations</a>
					<% if(user.attributes.joined_organization_count != 0){ %>
						<ul class="dropdown-menu arrow arrow-left  text-left" role="boards">
							<% _.each(user.attributes.organizations, function(organization){%>
								<li><a href="#/organization/<%-organization.id%>"><%-organization.name%></a></li>
							<%})%>
						</ul>
					<%}%>
				</div>
				<div class="btn-group text-left navbar-btn">
					<a title="Boards" class="btn btn-default <% if(user.attributes.joined_board_count != 0){ %>dropdown-toggle<%}else{%>js-no-action<%}%>" href="#" <% if(user.attributes.joined_board_count != 0){ %>data-toggle="dropdown"<%}%>><%- user.attributes.joined_board_count%> Boards</a>
					<% if(user.attributes.joined_board_count != 0){ %>
						<ul class="dropdown-menu arrow arrow-left  text-left" role="boards" id="js-user-activity-menu-response-<%- user.attributes.id%>">
						</ul>
					<%}%>
				</div>
				<a title="Activities" class="btn btn-default navbar-btn js-all-user-activities" href="#">Activities</a>
		    </li>
			<li class="navbar-btn">
				<div class="btn-group text-left radio-inline navbar-btn">
				  <button class="btn btn-default" type="button"><%if(user.attributes.role_id == 1){%> Admin <%}else if(user.attributes.role_id == 2){%> User <%}else{%> Guest<%}%></button>
				  <button aria-expanded="false" data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button>
				  <ul class="dropdown-menu arrow arrow-right" role="menu">
					<li><a href="#" class="<% if(user.attributes.role_id == 1){%>js-no-action<%}else{%>js-change-user-role<%}%>" data-role-id="1">Admin <% if(user.attributes.role_id == 1){%><i class="icon-ok"></i><%}%></a></li>
					<li><a href="#" class="<% if(user.attributes.role_id == 2){%>js-no-action<%}else{%>js-change-user-role<%}%>" data-role-id="2">User <% if(user.attributes.role_id == 2){%><i class="icon-ok"></i><%}%></a></li>
					<li><a href="#" class="<% if(user.attributes.role_id == 3){%>js-no-action<%}else{%>js-change-user-role<%}%>" data-role-id="3">Guest <% if(user.attributes.role_id == 3){%><i class="icon-ok"></i><%}%></a></li>
				  </ul>
				</div>
		  </li>
		  <li>
			<div class="btn-group text-left checkbox-inline navbar-btn">
				<a href="#" class="navbar-btn btn btn-default <%if(user.attributes.is_active == true){%>js-block-user<%}else{%>js-unblock-user<%}%> " title="Block" <% if(user.attributes.role_id == 1){%> disabled="disabled" <% } %>>
					<span class="icon-exclamation"></span>
					<span><%if(user.attributes.is_active == true){%>Block<%}else{%>Unblock<%}%></span>
				</a>
			</div>
		</li>
		<li class="navbar-btn pull-right">
			<span class="dropdown navbar-btn">
			<a title="Remove" aria-expanded="false" data-toggle="dropdown" class="btn btn-primary dropdown-toggle" href="#" <% if(user.attributes.role_id == 1){%> disabled="disabled" <% } %> >
				<span class="icon-remove"></span>
				<span>Remove</span>
			</a>
			<ul class="dropdown-menu dropdown-menu-right arrow arrow-right col-xs-12">
			<li class="col-lg-12 clearfix text-center"> <div><span class="col-xs-10"><strong>Delete User?</strong></span><a class="js-close-popover pull-right" href="#"><i class="icon-remove "></i></a></div> </li>
			<li class="col-lg-12 divider"></li>
			<li class="col-lg-12 text-left">
				<span class="show">Deleting an user is permanent. There is no undo.</span>
				<div class="col-xs-12 btn-block navbar-btn"><a title="Delete User" class="js-remove-user"><span class="btn btn-primary">Delete</span></a></div>
			</li>
		  </ul>
		  </span>
		</li>
	  </ul>
	</li>
	<li class="pull-right text-center col-lg-7 col-sm-12 col-xs-7">
		<ul class="list-inline navbar-btn clearfix">
			<li class="pull-right">
				<dl class="clearfix text-center list-group-item-heading pull-left">
					<dt>
						<div class="btn-toolbar">
							<div class="btn-group navbar-btn btn-group-sm list-activity"> 
								<a href="#" class="btn btn-default js-no-action htruncate"><span class="navbar-btn"><abbr class="timeago" title="<%- user.get('created') %>"><%- user.get("created") %></abbr></span></a> 
							</div>
							<div class="btn-group navbar-btn btn-group-xs"> 
								<a href="#" class="btn btn-default js-no-action btn-xs" title=<%- user.attributes.registered_ip%> <%- user.attributes.reg_country_name %> <%- user.attributes.reg_city_name %>">
									<span class="show"><%- user.attributes.registered_ip%></span> 
									<span class="btn-xs pull-left">
									<% if(!_.isEmpty(user.attributes.reg_country_iso2)){ %>
										<span class="flags flag-<%- user.attributes.reg_country_iso2%> top-smspace" title="<%- user.attributes.reg_country_name %>"><%- user.attributes.reg_country_name %></span>
									<% } else { %>
										<span class="top-smspace">N/A</span>
									<% } %>
									</span> <%- user.attributes.reg_city_name %>
								</a> 
							</div>
						</div>
					</dt>
                    <dd>
						<h6 class="text-center h4 navbar-btn">Registered </h6> 
					</dd>
				</dl>
			</li>
			<li class="pull-right">
				<dl class="clearfix text-center list-group-item-heading pull-left">
					<dt>
						<div class="btn-toolbar navbar-btn">
							<div class="btn-group navbar-btn btn-group-sm"> 
								<a href="#" class="btn btn-default js-no-action" title="<%- user.attributes.user_login_count%> Count"><span class="navbar-btn"><%- user.attributes.user_login_count%> Count</span></a> 
							</div>
							<div class="btn-group navbar-btn btn-group-sm list-activity"> 
								<a href="#" class="btn btn-default js-no-action htruncate"><span class="navbar-btn"><% if(user.get('last_login_date') !== null){ %><abbr class="timeago" title="<%- user.get('last_login_date') %>"><%- user.get("last_login_date") %></abbr><%}else{%>-<%}%></span></a> 
							</div>
							
							<div class="btn-group navbar-btn  btn-group-xs"> 
								<a href="#" class="btn btn-default js-no-action btn-xs" title="<%- user.attributes.last_login_ip%> <%- user.attributes.log_country_name %> <%- user.attributes.log_city_name %>"><span class="show"><%- user.attributes.last_login_ip%></span> <span class="btn-xs pull-left">
								<% if(!_.isEmpty(user.attributes.log_country_iso2)){ %>
									<span class="flags flag-<%- user.attributes.log_country_iso2%> top-smspace" title="<%- user.attributes.log_country_name %>"><%- user.attributes.log_country_name %></span>
								<% } else { %>
									<span class="top-smspace">N/A</span>
								<% } %>
								</span> <%- user.attributes.log_city_name %></a>
							</div>
						</div>
                     </dt>
                     <dd>
						<h6 class="text-center h4 navbar-btn">Login</h6>
					 </dd>
				</dl>
			</li>
		</ul>
    </li>
 </ul>
</td>