{% extends 'skillfarm/base.html' %}
{% load i18n %}
{% load humanize %}
{% load static %}

{% block skillfarm_block %}
    <div class="card">
        <div class="card-header bg-primary">
            <h3 class="text-white">{% translate "Account Overview" %}</h3>
        </div>
        <div class="card-body">
            <table class="table table-striped table-hover w-100" id="skillfarm-overview">
                <br>
                <thead>
                    <th class="col-portrait"></th>
                    <th class="col-user">{% translate "Character" %}</th>
                    <th class="col-group">{% translate "Corporation" %}</th>
                    <th class="col-actions">{% translate "Actions" %}</th>
                </thead>
                <tbody>
                    <!-- Table Row -->
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block extra_css %}
    {% include 'skillfarm/bundles/datatables-2-css.html' with extColumnControl=True %}
    {% include 'skillfarm/bundles/aa-skillfarm-css.html' %}
{% endblock %}

{% block extra_javascript %}
    {% include 'skillfarm/bundles/datatables-2-js.html' with extColumnControl=True %}
    <script>
        /**
         * Override settings for aaSkillfarm
         */
        const aaSkillfarmSettingsOverride = {
            // URLs
            url: {
                Overview: '{% url "skillfarm:api:get_character_overview" %}',
            },
        };
    </script>
    {% include 'skillfarm/bundles/aa-skillfarm-js.html' %}
    {% include 'skillfarm/bundles/view-overview-js.html' %}
{% endblock %}