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

<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>{% 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>
                    <div>
                        <a href="https://zkillboard.com/character/{{kill.eve_character.character_id}}/" title="zkillboard" target="_blank">
                        {{kill.eve_character.character_name }}
                        </a>
                        <br/>
                        <img style="position: relative; align-self: end; width: 28px; height: 28px;" src="{{kill.eve_character.alliance_logo_url_32}}" alt="{{kill.eve_character.alliance_name}}" title="{{kill.eve_character.alliance_name}}" />
                        <img style="position: relative; align-self: end; width: 28px; height: 28px;" src="{{kill.eve_character.corporation_logo_url_32}}" alt="{{kill.eve_character.corporation_name}}" title="{{kill.eve_character.corporation_name}}" />
                    </div>
                    <div style="display: flex; flex-direction: row;">
                        <img src="{{kill.eve_character.portrait_url_64}}" alt="{{kill.eve_character.character_name}}" />
                        <img class="ml-2" src="https://images.evetech.net/types/{{kill.ship.id}}/render?size=64" alt="ship" title="{{kill.ship.name}}" />
                    <div>
                    
                    
                </td>
                <td> 
                    {{kill.get_status_display}}
                </td>
                <td>
                    <a href="https://evemaps.dotlan.net/map/{{ kill.solar_system.constellation.region.name|split:" "|join:"_" }}/{{kill.solar_system.name}}" target="_blank">{{kill.solar_system.name}}</a>({{kill.solar_system.security_status|floatformat }}) <br /> <a href="https://evemaps.dotlan.net/map/{{kill.solar_system.constellation.region.name|split:" "|join:"_"}}" target="_blank">{{kill.solar_system.constellation.region.name}}</a>
                </td>
                <td>
                  {% if kill.fitted_value > 0.0 %}  {{ _('Корабль+Фит') }}:<br/> {{kill.fitted_value|intcomma}} ISK <br/>{% endif %} {{_('Всего')}}:<br/> {{kill.loss_value|intcomma}} ISK
                </td>
                <td>
                    {{ kill.source.kill_type_display }}
                <td>
                    {{kill.source.report_type_display}} <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>
                        <br />
                    {% 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 %}