{% extends request.is_ajax|yesno:'nullcont.htm,abonapp/ext.htm' %}
{% load i18n %}
{% block content %}

    <table class="table table-striped table-bordered">
        <thead>
        <tr>
            <th>{% trans 'Play' %}</th>
            <th>{% trans 'calldate' %}</th>
            <th>{% trans 'src' %}</th>
            <th>{% trans 'dst' %}</th>
            <th>{% trans 'duration' %}</th>
            <th>{% trans 'start' %}</th>
            <th>{% trans 'answer' %}</th>
            <th>{% trans 'end' %}</th>
            <th>{% trans 'disposition' %}</th>
        </tr>
        </thead>
        <tbody>
        {% for log in logs %}
                <tr>
                    <td>
                        <audio preload="metadata" controls>
                            <source src="{{ log.path_to_media }}/{{ log.calldate|date:"YmdHi" }}-{{ log.src }}-{{ log.dst }}.wav" type="audio/wav"/>
                        </audio>
                    </td>
                    <td>{{ log.calldate|date:'d E Y, H:i:s' }}</td>
                    <td>{{ log.src }}</td>
                    <td>{{ log.dst }}</td>
                    <td>{{ log.duration }}</td>
                    <td>{{ log.start|date:'d E Y, H:i:s' }}</td>
                    <td>{{ log.answer|date:'d E Y, H:i:s' }}</td>
                    <td>{{ log.end|date:'d E Y, H:i:s' }}</td>
                    <td>{{ log.locate_disposition }}</td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="9">{% trans 'Calls was not found' %}</td>
                </tr>
            {% endfor %}
        </tbody>

    </table>

    {% include 'toolbar_page.html' with pag=logs %}

{% endblock %}