{% extends "../base.html" %}

{% block title %}{{ _("Phonebook") }}{% end block %}

{% block body %}
	<div class="page-header">
		<h3>{{ _("Phonebook") }}</h3>
	</div>

	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<ul class="media-list">
				{% for e in phonebook %}
					<li class="media">
						<div class="media-body">
							<div class="row">
								<div class="col-md-6">
									<h4 class="media-heading">
										<a href="/phonebook/{{ e.uid }}">{{ e.name }}</a>
									</h4>
								</div>

								<div class="col-md-6">
									<ul class="list-unstyled">
										<li>
											<i class="glyphicon glyphicon-envelope"></i>
											<a href="mailto:{{ e.email }}">{{ e.email }}</a>
										</li>

										{% if e.sip_id %}
											<li>
												{% if e.uses_sip_forwarding() %}
													<span class="glyphicon glyphicon-earphone" title="{{ _("calls forwarded") }}"></span>
													{{ e.sip_id }}
												{% elif e.sip_is_online() %}
													<span class="glyphicon glyphicon-earphone text-success" title="{{ _("online") }}"></span>
													<a href="/call/{{ e.sip_id }}">{{ e.sip_id }}</a>
												{% else %}
													<span class="glyphicon glyphicon-earphone text-danger" title="{{ _("offline") }}"></span>									
													{{ e.sip_id }}
												{% end %}
											</li>
										{% end %}
									</ul>
								</div>
							</div>
						</div>
						<div class="media-right">
							<a href="/phonebook/{{ e.uid }}">
								<img class="media-object" src="{{ e.gravatar_icon(64) }}" alt="{{ e.name }}">
							</a>
						</div>
					</li>
				{% end %}
			</ul>
		</div>
	</div>
{% end block %}