{% extends "base.html" %}

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

{% block main %}
	<div class="card">
		<div class="card-body">
			<h4 class="card-title mb-1">
				{% if call.direction == "inbound" %}
					{{ _("Call to") }}

					{% if call.callee %}
						<a href="/users/{{ call.callee.uid }}">{{ call.callee }}</a>
					{% else %}
						{{ format_phone_number(call.callee_number) }}
					{% end %}
				{% elif call.direction == "outbound" %}
					{{ _("Call from") }}

					{% if call.caller %}
						<a href="/users/{{ call.caller.uid }}">{{ call.caller }}</a>
					{% else %}
						{{ format_phone_number(call.caller_number) }}
					{% end %}
				{% end %}
			</h4>
			<h6 class="card-subtitle text-muted mb-4">{{ locale.format_date(call.time_answered or call.time_start) }}</h6>

			<h3 class="text-center my-5">
				{% if call.duration %}
					{{ format_time(call.duration) }}
				{% else %}
					{{ _("Not Answered") }}
				{% end %}
			</h3>

			<h6>{{ _("Media Information") }}</h6>

			<div class="row">
				{% for c in (call, call.bleg) %}
					{% if c %}
						<div class="col">
							<div class="card card-body bg-light">
								<p>
									<strong>
										{% if c == call %}
											{{ _("Your Leg") }}
										{% else %}
											{{ _("Other Leg") }}
										{% end %}
									</strong>
								</p>

								<p class="text-center">
									{% module MOS(c) %}
								</p>

								<dl class="row mb-0">
									<dt class="col-sm-6">{{ _("Codec") }}</dt>
									<dd class="col-sm-6">{{ c.codec or _("N/A") }}</dd>

									<dt class="col-sm-6">{{ _("Data Transferred") }}</dt>
									<dd class="col-sm-6">{{ format_size(c.size) }}</dd>

									<dt class="col-sm-6">{{ _("User Agent") }}</dt>
									<dd class="col-sm-6">{{ c.user_agent or _("N/A") }}</dd>
								</dl>
							</div>
						</div>
					{% end %}
				{% end %}
			</div>
		</div>
	</div>
{% end %}