{% extends "base.html" %}

{% block title %}
Audit Doctrine
{% endblock %}

{% block breadcrumbs %}
<li class="breadcrumb-item"><a href="{% url 'django-eveonline-doctrine-manager-doctrines-list' %}">Doctrines</a></li>
<li class="breadcrumb-item"><a href="{% url 'django-eveonline-doctrine-manager-doctrines-detail' object.pk %}">View Doctrine</a></li>
{% endblock %}


{% block breadcrumb %}
Audit Doctrine
{% endblock %}



{% block content %}
<p id="{{object.pk}}" class="doctrine-id" hidden></p>
<div class="row">
    <div class="col-md-12">
        <div class="card card-danger card-outline">
            <div class="card-header">
                <h3 class="card-title">Pilot Check</h3>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-striped dataTable">
                    <thead>
                        <th></th>
                        <th>Character Name</th>
                        <th>Corporation</th>
                        <th>Skill Check</th>
                        <th>Hangar Check</th>
                    </thead>
                    <tbody>
                        {% for character in object.character_list %}
                        <tr>
                            <td class="text-center">
                                <img src="https://imageserver.eveonline.com/Character/{{character.external_id}}_64.jpg"
                                    class="img-circle" alt="Avatar" width="32px"
                                    title="{{character.character.name}}">
                            </td>
                            <td>
                                <a href="{% url 'django-eveonline-connector-view-character' character.external_id %}">{{character.name}}</a>
                            </td>
                            <td>
                                <a href="{% url 'django-eveonline-connector-view-corporation' character.corporation.external_id %}">{{character.corporation.name}}</a>
                            </td>
                            <td id="s_{{character.external_id}}" class="skillcheck">
                                <i class="fa fa-1x fa-spinner fa-spin" aria-hidden="true"></i>

                            </td>
                            <td id="h_{{character.external_id}}" class="hangarcheck">
                                <i class="fa fa-1x fa-spinner fa-spin" aria-hidden="true"></i>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


{% endblock %}

{% block scripts %}
<script>
    $.fn.DataTable.ext.pager.numbers_length = 5;
    $(function () {
        $('table').DataTable({
            'paging': true,
            'lengthChange': true,
            'searching': true,
            'ordering': true,
            'order': [[1, 'asc']],
            'pageLength': 5,
            "autoWidth": false,
        })
    })
</script>

<script>
    document.addEventListener("DOMContentLoaded", async function () {
        var doctrineId = document.querySelectorAll('.doctrine-id')[0].id
        var skillCheckObjects = document.querySelectorAll('.skillcheck')
        var hangarCheckObjects = document.querySelectorAll('.hangarcheck')

        skillCheckObjects.forEach(async skillCheckObject => {
            const id = skillCheckObject.id.slice(2);
            const res = await fetch('/eveonline/api/skillcheck?external_id=' + id + '&doctrine_id=' + doctrineId)
            if (res.status == 200) {
                skillCheckObject.innerHTML = '<i class="fa fa-check text-success"></i>'
            }
            else if (res.status == 400) {
                skillCheckObject.innerHTML = '<i title="Server error when fetching API" class="fa fa-exclamation-triangle text-warning"></i>'
            }
            else {
                skillCheckObject.innerHTML = '<i class="fa fa-times text-danger"></i>'
            }

        });

        hangarCheckObjects.forEach(async hangarCheckObject => {
            const id = hangarCheckObject.id.slice(2)
            const res = await fetch('/eveonline/api/hangarcheck?external_id=' + id + '&doctrine_id=' + doctrineId)
            if (res.status == 204) {
                hangarCheckObject.innerHTML = '<i class="fa fa-check text-success"></i>'
            }
            else if (res.status == 400) {
                hangarCheckObject.innerHTML = '<i title="Server error when fetching API" class="fa fa-exclamation-triangle text-warning"></i>'
            }
            else {
                hangarCheckObject.innerHTML = '<i class="fa fa-times text-danger"></i>'
            }
        });
    })
</script>
{% endblock %}