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

<table class="table table-striped compensations-table">
    <thead>
            <th>
                <input type="checkbox" id="selectAll" class="form-check-input" />
            </th>
            <th>
                {% trans "Корабль" %}
            </th>
            <th>
                <a href="?sort={% if current_sort == 'character_name' %}-character_name{% else %}character_name{% endif %}&filter={{ current_filter }}&search={{ search_query }}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}&filter={{ current_filter }}&search={{ search_query }}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}&filter={{ current_filter }}&search={{ search_query }}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}&filter={{ current_filter }}&search={{ search_query }}{% if current_op_type %}&op_type={{ current_op_type }}{% endif %}" class="text-decoration-none text-white">
                    {% trans "Дата" %}
                    {% if current_sort == 'timestamp' %}↑{% elif current_sort == '-timestamp' %}↓{% endif %}
                </a>
            </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 class="ship-block">
                        <div class="ship-name-block">
                            {{ kill.ship.name }}
                        </div>
                        <div>
                            <img class="ship-icon" src="https://images.evetech.net/types/{{kill.ship.id}}/render?size=64" alt="ship" title="{{kill.ship.name}}" />
                        </div>
                    </div>
                </td>
                <td>
                    <div class="char-box inline-block">
                        <div class="inline-block">
                            <a href="https://zkillboard.com/character/{{kill.eve_character.character_id}}/" title="zkillboard" target="_blank">
                                {{kill.eve_character.character_name }}
                            </a>
                            <i class="fa-solid fa-clipboard cursor-pointer ms-3" title="Копировать в буфер" onclick="copyText('{{kill.eve_character.character_name}}')"></i>
                        </div>
                        <div class="inline-block">
                            <div class="char-portrait">
                                <img src="{{kill.eve_character.portrait_url_64}}" alt="{{kill.eve_character.character_name}}" />
                            </div>
                            <div class="char-ally-corp-container">
                                <img src="{{kill.eve_character.alliance_logo_url_32}}" alt="{{kill.eve_character.alliance_name}}" title="{{kill.eve_character.alliance_name}}" />
                                <img src="{{kill.eve_character.corporation_logo_url_32}}" alt="{{kill.eve_character.corporation_name}}" title="{{kill.eve_character.corporation_name}}" />
                            </div>
                        </div>
                    </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>
                  <p class="text-muted">{{_('Всего')}}:<br/> {{kill.loss_value|floatformat:0|intcomma}} ISK <i class="fa-solid fa-clipboard cursor-pointer ms-3" title="Копировать в буфер" onclick="copyText({{kill.loss_value|floatformat:0}})"></i></p>
                  <p class="text-muted">{% if kill.fitted_value > 0.0 %} {{ _('Корабль+Фит') }}:<br/> {{kill.fitted_value|floatformat:0|intcomma}} ISK  <i class="fa-solid fa-clipboard cursor-pointer ms-3" title="Копировать в буфер" onclick="copyText({{kill.fitted_value|floatformat:0}})"></i>{% endif %}</p>
                  {% if kill.compensation_amount > 0 %} <p>{{ _("Компенсация") }}:<br/> {{kill.compensation_amount|floatformat:0|intcomma}} ISK  <i class="fa-solid fa-clipboard cursor-pointer ms-3" title="Копировать в буфер" onclick="copyText({{kill.compensation_amount|floatformat:0}})"></i></p>{% endif %}
                </td>
                <td class="kill-type-{{kill.source.kill_type|lower}}">
                    {{ kill.source.kill_type_display }}
                </td>
                {% comment %} <td>
                    {{kill.source.report_type_display}} <br/>
                   <small>{{kill.source.comment}}</small>
                </td> {% endcomment %}
                <td>
                    {{kill.timestamp|date:"d.m.Y, H:i"}}
                </td>
                <td class="pt-4">
                    <div style="display: inline-flex; flex-direction: row; gap:5px;flex-wrap: wrap;">
                        {% 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>
                    </div>
                </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 %}{% if current_filter %}&filter={{ current_filter }}{% endif %}{% if search_query %}&search={{ search_query }}{% endif %}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}{% if current_filter %}&filter={{ current_filter }}{% endif %}{% if search_query %}&search={{ search_query }}{% endif %}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}{% if current_filter %}&filter={{ current_filter }}{% endif %}{% if search_query %}&search={{ search_query }}{% endif %}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}{% if current_filter %}&filter={{ current_filter }}{% endif %}{% if search_query %}&search={{ search_query }}{% endif %}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}{% if current_filter %}&filter={{ current_filter }}{% endif %}{% if search_query %}&search={{ search_query }}{% endif %}{% if current_op_type %}&op_type={{ current_op_type }}{% 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 %}