{embed="global/.html_header" page_title="Manage employees"}

	<div id="site_frm">
		<div id="container">
			{embed="global/.header"}
			
			{exp:ifelse parse="inward"}
		        <div id="content">
		        	{if logged_out}
		
						{embed="u_inc/.login"}
					
					{if:else}
						
						{if logged_in_group_id == '1' OR logged_in_group_id == '8'}

							<ul class="sub_nav">
								<li><a class="active" href="{path='dashboard/employees_list'}">Members list</a></li>
								<li><a href="{path='dashboard/add_employee'}">Add a member</a></li>
							</ul><!-- / .sub_nav -->
							
							<h2>Members list</h2>
							
							{if segment_3 == 'delete_success'}
								<div class="message success">
									You have successfully delete a team member
								</div><!-- / .message.success -->
							{/if}
							
							<p class="alpha_nav">
								Member name :
								<a {if segment_2 == 'employees_list' AND segment_3 ==''}class="active"{/if} href="{path='dashboard/employees_list/'}">All</a>
								&nbsp;
								<a {if segment_4 == 'a'}class="active"{/if} href="{path='dashboard/employees_list/name/a/'}">A</a>
								<a {if segment_4 == 'b'}class="active"{/if} href="{path='dashboard/employees_list/name/b/'}">B</a>
								<a {if segment_4 == 'c'}class="active"{/if} href="{path='dashboard/employees_list/name/c/'}">C</a>
								<a {if segment_4 == 'd'}class="active"{/if} href="{path='dashboard/employees_list/name/d/'}">D</a>
								<a {if segment_4 == 'e'}class="active"{/if} href="{path='dashboard/employees_list/name/e/'}">E</a>
								<a {if segment_4 == 'f'}class="active"{/if} href="{path='dashboard/employees_list/name/f/'}">F</a>
								<a {if segment_4 == 'g'}class="active"{/if} href="{path='dashboard/employees_list/name/g/'}">G</a>
								<a {if segment_4 == 'h'}class="active"{/if} href="{path='dashboard/employees_list/name/h/'}">H</a>
								<a {if segment_4 == 'i'}class="active"{/if} href="{path='dashboard/employees_list/name/i/'}">I</a>
								<a {if segment_4 == 'j'}class="active"{/if} href="{path='dashboard/employees_list/name/j/'}">J</a>
								<a {if segment_4 == 'k'}class="active"{/if} href="{path='dashboard/employees_list/name/k/'}">K</a>
								<a {if segment_4 == 'l'}class="active"{/if} href="{path='dashboard/employees_list/name/l/'}">L</a>
								<a {if segment_4 == 'm'}class="active"{/if} href="{path='dashboard/employees_list/name/m/'}">M</a>
								<a {if segment_4 == 'n'}class="active"{/if} href="{path='dashboard/employees_list/name/n/'}">N</a>
								<a {if segment_4 == 'o'}class="active"{/if} href="{path='dashboard/employees_list/name/o/'}">O</a>
								<a {if segment_4 == 'p'}class="active"{/if} href="{path='dashboard/employees_list/name/p/'}">P</a> 
								<a {if segment_4 == 'q'}class="active"{/if} href="{path='dashboard/employees_list/name/q/'}">Q</a>
								<a {if segment_4 == 'r'}class="active"{/if} href="{path='dashboard/employees_list/name/r/'}">R</a>
								<a {if segment_4 == 's'}class="active"{/if} href="{path='dashboard/employees_list/name/s/'}">S</a>
								<a {if segment_4 == 't'}class="active"{/if} href="{path='dashboard/employees_list/name/t/'}">T</a>
								<a {if segment_4 == 'u'}class="active"{/if} href="{path='dashboard/employees_list/name/u/'}">U</a>
								<a {if segment_4 == 'v'}class="active"{/if} href="{path='dashboard/employees_list/name/v/'}">V</a>
								<a {if segment_4 == 'w'}class="active"{/if} href="{path='dashboard/employees_list/name/w/'}">W</a>
								<a {if segment_4 == 'x'}class="active"{/if} href="{path='dashboard/employees_list/name/x/'}">X</a>
								<a {if segment_4 == 'y'}class="active"{/if} href="{path='dashboard/employees_list/name/y/'}">Y</a>
								<a {if segment_4 == 'z'}class="active"{/if} href="{path='dashboard/employees_list/name/z/'}">Z</a>
							</p>
							
							<p class="alpha_nav">
								Member type :
								<a {if segment_2 == 'employees_list' AND segment_3 ==''}class="active"{/if} href="{path='dashboard/employees_list/'}">All</a>
								&nbsp;
								<a {if segment_4 == 'admin'}class="active"{/if} href="{path='dashboard/employees_list/type/8/'}">Admin</a>
								<a {if segment_4 == 'employee'}class="active"{/if} href="{path='dashboard/employees_list/type/6/'}">Employee</a>
							</p>
								
							<hr>
							
							<div class="listy organisation_list">
								{exp:user:users
									group_id="6|8"
									limit="30"
									orderby="member_name"
									paginate="bottom"
									sort="asc"
									{if segment_3 == "name"}search:member_name="{segment_4}%"{/if}
									{if segment_3 == "type"}search:group_id="{segment_4}%"{/if}
								}
									<div class="item pad {switch='odd|even'}">
										<h4>{member_name} - <em>{if group_id == 6}Employee{if:elseif group_id == 8}Admin{if:else}Group ID = {group_id}{/if}</em></h4>
									
										<small class="dates break">
											Joined: {join_date format="%j%S %F %Y"}
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											Last visit: {if last_visit == 0}Has not logged in before{if:else}{last_visit format="%j%S %F %Y"}{/if}
										</small>

										<div class="client_deets break">
											<div class="client_meta">
												<div class="tel_num">
													<strong>Telephone:</strong> {member_telephone}
												</div>
											</div><!-- / .client_meta -->
											
											<div class="addy">
												<strong>Email:</strong> {email}
											</div>
										</div><!-- / .client_deets -->
										
										<a class="btn" href="{path='dashboard/edit_employee/{member_id}'}">Edit this member</a>
									</div><!-- / .item -->
								
									{if user_no_results}<h4>No members found.</h4>{/if}
								
									{user_paginate}
										<div class="pagination">
										    {if previous_page}
									            <a class="bt prev" href="{auto_path}" title="">Previous page</a>
									        {/if}
										    
										    {user_pagination_links}
											    <div class="pag_nums">
											    	{user_pagination_links}
											    </div><!-- / .pagination -->
										    {/user_pagination_links}
										    
										    {if next_page}
									            <a class="bt prev" href="{auto_path}" title="">Next page</a>
									        {/if}
										</div><!-- / .pagination -->
									{/user_paginate}

								{/exp:user:users}
							</div><!-- / .listy -->
				
						{if:else}
				
							{redirect="404"} {!-- Don't show this form to anyone but an admin --}
				
						{/if}
						
					{/if}
				</div><!-- / #content -->
			{/exp:ifelse}
	        
	        {embed="global/.footer"}
	
	    </div><!-- / #container -->
    </div><!-- / #site_frm -->

{embed="global/.html_footer"}