{% extends 'br_compensations/base.html' %}
{% load humanize %}
{% load static %}
{% load i18n %}
{% block title %}{% trans  "Battle compensations" %}{% endblock %}

{% block extra_css %}
<style>
    .list{
        padding:0;
        margin:0;
    }
    .list li{
        padding:0;
        margin:0;
        list-style:none;
    }
</style>
<link href="/static/br_compensations/css/style.css" type="stylesheet" />
{% endblock %}
{% block content %}
<div>
    <div class="container-flex">
        <div class="row">
            <div class="col-9">
                <div class="row ps-3 pe-3">
                    {% include "./components/navs/killmails-filter-panel.html" %}
                </div>

                <!-- Панель массовых операций -->
                <div class="card mb-2" id="batchActionsPanel" style="display: none;">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center">
                            <div class="d-flex gap-2">
                                <button id="batchApprove" class="btn btn-success">
                                    <i class="fa-solid fa-check"></i> {% trans "Одобрить" %} (<span id="selectedCount">0</span>)
                                </button>
                                <button id="batchReject" class="btn btn-warning">
                                    <i class="fa-solid fa-x"></i> {% trans "Отклонить" %}
                                </button>
                                <button id="batchRestore" class="btn btn-secondary">
                                    <i class="fa-solid fa-trash-arrow-up"></i> {% trans "Восстановить" %}
                                </button>
                                <button id="batchDelete" class="btn btn-danger">
                                    <i class="fa-solid fa-trash"></i> {% trans "Удалить" %}
                                </button>
                            </div>
                            <button id="clearSelection" class="btn btn-outline-secondary btn-sm">
                                {% trans "Снять выделение" %}
                            </button>
                        </div>
                        <div id="batchProgress" class="mt-2" style="display: none;">
                            <div class="progress">
                                <div id="progressBar" class="progress-bar" role="progressbar" style="width: 0%"></div>
                            </div>
                            <small id="progressText">{% trans "Обработка..." %}</small>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        <div>
                        {{ listTitle }}
                        </div>
                        <div class="text-end">
                            Всего {{ total_loss|intcomma }} ISK
                        </div>
                    </div>
                    <div class="card-body">
                     {% include "./components/killmails-table.html" %}
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="row">
                    <div class="col">
                        {% include './components/link-add-form.html' %}
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        {% include './components/filter-box.html' %}
                    </div>
                 <div class="row">
                    <div class="col">
                     {% include "./components/ingame-mail.html" %}
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="confirmationModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Подтверждение</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p id="confirmationMessage"></p>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="openMailCheckbox">
          <label class="form-check-label" for="openMailCheckbox">Открыть шаблон письма</label>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
        <button type="button" class="btn btn-primary" id="confirmAction">Подтвердить</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block extra_javascript %}
{{ block.super }}
<script src="/static/br_compensations/js/filter-control.js" type="text/javascript"></script>
<script src="/static/br_compensations/js/battle-reports.js" type="text/javascript"></script>
<script src="/static/br_compensations/js/compensations.js" type="text/javascript"></script>
<script src="/static/br_compensations/js/email-checker.js" type="text/javascript"></script>
<script src="/static/br_compensations/js/sortable.auto.min.js" type="text/javascript"></script>
<script src="/static/br_compensations/js/batch-operations.js" type="text/javascript"></script>
{% endblock %}