{% load humanize %}
{% load static %}
{% load i18n %}

<table class="table table-striped">
    <thead>
        <tr>
            <th style="width: 40px;">
                <input type="checkbox" id="selectAll" class="form-check-input" />
            </th>
        <th>
            <a href="?sort={% if current_sort == 'character_name' %}-character_name{% else %}character_name{% endif %}" class="text-decoration-none text-white">
                {% trans "Персонаж" %}
                {% if current_sort == 'character_name' %}↑{% elif current_sort == '-character_name' %}↓{% endif %}
            </a>
        </th>
        <th>
            <a href="?sort={% if current_sort == 'status' %}-status{% else %}status{% endif %}" class="text-decoration-none text-white">
                {% trans "Статус" %}
                {% if current_sort == 'status' %}↑{% elif current_sort == '-status' %}↓{% endif %}
            </a>
        </th>
        <th>{% trans "Место" %}</th>
        <th>
            <a href="?sort={% if current_sort == 'loss_value' %}-loss_value{% else %}loss_value{% endif %}" class="text-decoration-none text-white">
                {% trans "Потери" %}
                {% if current_sort == 'loss_value' %}↑{% elif current_sort == '-loss_value' %}↓{% endif %}
            </a>
        </th>
        <th>{% trans "Источник" %}</th>
        <th>
            <a href="?sort={% if current_sort == 'timestamp' %}-timestamp{% else %}timestamp{% endif %}" class="text-decoration-none text-white">
                {% trans "Дата" %}
                {% if current_sort == 'timestamp' %}↑{% elif current_sort == '-timestamp' %}↓{% endif %}
            </a>
        </th>
        <th></th>
        <th></th>
    </thead>
    <tbody>
        {% for kill in killmails %}
        <tr data-killmail-id="{{kill.killmail_id}}">
                <td>
                    <input type="checkbox" class="killmail-checkbox form-check-input" data-id="{{kill.killmail_id}}" />
                </td>
                <td>
                    <img src="https://images.evetech.net/characters/{{kill.character_id}}/portrait?size=64" alt="character" title="{{kill.character_name}}" />
                    <img class="ml-2" src="https://images.evetech.net/types/{{kill.ship_type}}/render?size=64" alt="ship" title="{{kill.ship_name}}" />
                </td>
                <td style="width:50px;">
                    <div>
                        <a href="https://zkillboard.com/character/{{kill.character_id}}/" title="zkillboard" target="_blank">
                           {{kill.character_name}}
                        </a>
                    </div>
                    <div>
                        <img src="https://images.evetech.net/alliances/{{kill.alliance_id}}/logo?size=32" alt="{{kill.alliance_name}}" title="{{kill.alliance_name}}" />
                        <img src="https://images.evetech.net/corporations/{{kill.corporation_id}}/logo?size=32" alt="{{kill.corporation_name}}" title="{{kill.corporation_name}}" />
                    </div>
                </td>
                {% comment %} <td>
                    {{kill.get_status_display}}
                </td> {% endcomment %}
                <td>
                    {{kill.SolarSystem.name}} ({{kill.SolarSystem.security_status|floatformat }}) <br /> {{kill.SolarSystem.eve_constellation.eve_region.name}}
                </td>
                <td>
                    {{kill.loss_value|intcomma}} ISK
                </td>
                <td>
                    {{kill.SourceType}} <br/>
                   <small>{{kill.source.comment}}</small>
                </td>
                <td>
                    {{kill.timestamp|date:"d.m.Y, H:i"}}
                </td>
                <td class="pt-4">
                    {% if kill.status == 'N' %}
                        <button data-id="{{kill.killmail_id}}" class="compensation-approve btn btn-primary fa-solid fa-check" title="{% trans "Пометить компенсированным" %}"></button>
                        <button data-id="{{kill.killmail_id}}" class="compensation-reject btn btn-warning fa-solid fa-x" title="{% trans "Пометить отклоненным" %}"></button>
                    {% endif %}
                    <button data-id="{{kill.killmail_id}}" class="compensation-delete btn btn-danger fa-solid fa-trash" title="{% trans "Удалить киллмэйл" %}"></button>
                    {% if kill.status != 'N' %}
                        <button data-id="{{kill.killmail_id}}" class="compensation-restore btn btn-primary fa-solid fa-trash-arrow-up" title="{% trans "Восстановить" %}"></button>
                    {% endif %}
                    <a href="https://zkillboard.com/kill/{{kill.killmail_id}}/" target="_blank" title="zkillboard" class="btn btn-success fa-solid fa-arrow-up-right-from-square"></a>
                </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% if is_paginated %}
<nav aria-label="Pagination">
    <ul class="pagination justify-content-center mt-3">
        {% if page_obj.has_previous %}
            <li class="page-item">
                <a class="page-link" href="?page=1{% if current_sort %}&sort={{ current_sort }}{% endif %}" aria-label="First">
                    <span aria-hidden="true">&laquo;&laquo;</span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if current_sort %}&sort={{ current_sort }}{% endif %}" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
        {% else %}
            <li class="page-item disabled">
                <span class="page-link" aria-hidden="true">&laquo;&laquo;</span>
            </li>
            <li class="page-item disabled">
                <span class="page-link" aria-hidden="true">&laquo;</span>
            </li>
        {% endif %}
        
        {% for num in paginator.page_range %}
            {% if page_obj.number == num %}
                <li class="page-item active"><span class="page-link">{{ num }}</span></li>
            {% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
                <li class="page-item"><a class="page-link" href="?page={{ num }}{% if current_sort %}&sort={{ current_sort }}{% endif %}">{{ num }}</a></li>
            {% endif %}
        {% endfor %}
        
        {% if page_obj.has_next %}
            <li class="page-item">
                <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if current_sort %}&sort={{ current_sort }}{% endif %}" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="?page={{ paginator.num_pages }}{% if current_sort %}&sort={{ current_sort }}{% endif %}" aria-label="Last">
                    <span aria-hidden="true">&raquo;&raquo;</span>
                </a>
            </li>
        {% else %}
            <li class="page-item disabled">
                <span class="page-link" aria-hidden="true">&raquo;</span>
            </li>
            <li class="page-item disabled">
                <span class="page-link" aria-hidden="true">&raquo;&raquo;</span>
            </li>
        {% endif %}
    </ul>
</nav>
{% endif %}