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

{% block content %}    
    {% if results is defined and results | length > 0 %}
        {% set taxon = results.taxon %}
        <h2>
            {% set today = "now" | date("Y-m-d") %}
            {% if today == date %}
                {{ "Today's contacts for" | trans }} 
            {% else %}
                {{ "Contacts on " | trans }}
                {{ date | format_datetime("full", "none") }}
                {{ " for " | trans }}
            {% endif %}
            <span class="scientific-name">
                {{ taxon.scientific_name }}
            </span> 
            (<span class="common-name">
                {{ taxon.common_name }}
            </span>)
        </h2>
        <div class="stats">
            {% set stat = results.stat[0] %}
            <h3>{{ "Stats" | trans }}</h3>
            <div class="contact-count">
            {{ "Contact count:" | trans }} 
            <span class="counter">{{ stat.contact_count }}</span>
            </div>
            <div class="contact-confidence">
                {{ "Max confidence" | trans }}
                <span class="value">{{ stat.max_confidence }}</span>
            </div>
        </div>
        {% set records = results.records %}
        <div class="records">
            <h3>{{ "Contact records" | trans }}</h3>
            {% if records is defined and records | length > 0 %}
                {% include "today/manage.html.twig" %}
                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th>{{ "Filename" | trans }}</th>
                            <th>{{ "Time" | trans }}</th>
                            <th>{{ "Confidence" | trans }}</th>
                            <th>{{ "Audio" | trans }}</th>
                    </thead>
                    <tbody>
                        {% for record in records %}
                            <tr {{ stimulus_controller('manage-records') }}>
                                <td>
                                    <input title="{{ "Select this record" | trans }}" type="checkbox" class="select-record" value="{{ record.audio_file }}" {{ stimulus_target('manage-records', 'current') }}>
                                </td>
                                <td>
                                    
                                    {{ record.audio_file }}
                                    </a>
                                </td>
                                <td>{{ record.date | date("H:m") }}</td>
                                <td>{{ record.confidence }}</td>
                                <td>
                                    <div class="controlls container row">
                                        {% include "records/player.html.twig" with { "filename": record.audio_file } only %}
                                        {% include "records/delete_button.html.twig" with { "filename": record.audio_file } only %}  
                                        <a class="button" title="{{ "Download audio file" | trans }}" href="/media/records/{{ record.audio_file }}">
                                            <i data-feather="download"></i>
                                        </a>
                                    </div>
                                </td>
                                <td>
                                    <button {{ stimulus_action('manage-records', 'mark_as_verified') }} class="button" title="{{ "Mark this record as verified"|trans }}">
                                        <i data-feather="eye"></i>
                                    </button>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <p>{{ "No records this day for this species" | trans }}</p>
            {% endif %}
        </div>
    {% endif %}
{% endblock %}