{% extends "public/base.html" %}
{% load bootstrap %}

{% block title %}Alliance Auth{% endblock %}
{% block page_title %}Corporation Member Tracking{% endblock page_title %}

{% block content %}

    <div class="col-lg-12">
        <h1 class="page-header text-center">Corporation Member Data</h1>
        {% if perms.auth.corp_stats %}
            <div class="col-lg-12 container" id="example">
            {% if corp %}
                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">Corporation</div>

                            <div class="panel-body">
                                <div class="col-lg-5 col-sm-2"><img class=
                                                                            "ra-avatar img-responsive" src=
                                                                            "https://image.eveonline.com/Corporation/{{ corp.corporation_id }}_128.png">
                                </div>

                                <div class="col-lg-7 col-sm-2">
                                    <h4 class="">Name: {{ corp.corporation_name }}</h4>

                                    <p>Ticker: {{ corp.corporation_ticker }}</p>

                                    <p>Member count: {{ corp.member_count }}</p>

                                    <p>Player count: {{characters_with_api|length}}</p>

                                    <p>Unregistered characters: {{characters_without_api|length}}</p>
                                </div>

                                <div class="text-right">
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
                                        Search Members
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-lg-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">Registered Characters</div>
                            <div class="panel-body">
                                <div style="overflow:auto;overflow-y:auto;">
                                    <table class="table table-condensed">
                                        <tr>
                                            <th class="text-center">Main character</th>
                                            <th class="text-center">Main corporation</th>
                                            <th class="text-center">Character list</th>
                                        </tr>
                                        {% for mainchar, player  in characters_with_api %}
                                            <tr >
                                                <td class="text-center">
                                                    <p class="">{{ mainchar }}</p>
                                                </td>
                                                <td class="text-center" {% if not corp.corporation_name ==  player.maincorp%} bgcolor="#FF99AA" {% endif %} >
                                                    <p class="">{{ player.maincorp }}</p>
                                                </td>
                                                <td class="text-center">
                                                    {% for charname in player.altlist %}
                                                        <p class="">{{ charname }}</p>
                                                    {% endfor %}
                                                </td>
                                            </tr>
                                        {% endfor %}
                                        {% for charname in characters_without_api %}
                                            <tr bgcolor="#DD8822">
                                                <td class="text-center">
                                                    <p class="">{{ charname }}</p>
                                                </td>
                                                <td class="text-center">
                                                    <p class=""></p>
                                                </td>
                                                <td class="text-center">
                                                    <p class="">No API registered!</p>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                {% else %}
                    <div class="container-fluid">
                        <div class="col-md-4 col-md-offset-4">
                            <div class="row">
                                <div class="alert alert-danger text-center" role="alert">No corporation model found. Contact your admin.</div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}
            </div>
        {% else %}
            {% if IS_CORP %}
                <div class="alert alert-danger" role="alert">You are not in the corporation.</div>
            {% else %}
                <div class="alert alert-danger" role="alert">You are not in the alliance.</div>
            {% endif %}
        {% endif %}
    </div>

    {% if perms.auth.corp_stats %}
        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span
                                class="sr-only">Close</span></button>
                        <h4 class="modal-title" id="myModalLabel">Member Search</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-signin" role="form"
                              action={% url 'auth_corputils_search' %} method="POST">
                            {% csrf_token %}
                            {{ search_form|bootstrap }}
                            <br/>
                            <button class="btn btn-lg btn-primary btn-block" type="submit">Search</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock content %}