{% extends 'allianceauth/base-bs5.html' %}
{% load outfit_tags %}
{% load static %}

{% block page_title %}418 Audit{% endblock page_title %}

{% block extra_css %}
    {% include "bundles/datatables-css-bs5.html" %}
    <link rel="stylesheet" type="text/css" href="{% static 'allianceauth_pve/css/spop.css' %}">
    <link rel="stylesheet" type="text/css" href="{% allianceauth_pve_static 'allianceauth_pve/css/copy_text.css' %}">
{% endblock %}

{% block content %}
    <div class="col-lg-12" style="padding: 10px 10px 10px 10px">
        <table class="table table-aa">
            <thead>
                <tr>
                    <th>Main</th>
                    <th>Characters</th>
                </tr>
            </thead>
            <tbody>
                {% for main in mains %}
                    <tr>
                        <td><span class="copy-text">{{ main.character.character_name }}</span></td>
                        <td>
                            {% for char in main.character.character_ownership.user.chars %}
                                <span class="badge {% if char.character|ct_is_active %}text-bg-primary{% else %}text-bg-danger{% endif %} copy-text">{{ char.character.character_name }}</span>
                            {% endfor %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock content %}

{% block extra_javascript %}
    {% include "bundles/datatables-js-bs5.html" %}
    <script src="{% static 'allianceauth_pve/js/spop.js' %}"></script>
    <script src="{% static 'allianceauth_pve/js/copy_text.js' %}"></script>
{% endblock extra_javascript %}

{% block extra_script %}
    $(document).ready(function() {
        $('.table').DataTable({
            "pageLength": 50
        });
    });
{% endblock extra_script %}