{% extends "base.html" %}

{% block meta %}
    <meta property="og:title" content="Local scan taken at {{created|date:"H:i:s"}}" />
    <meta property="og:url" content="{{ request.get_full_path }}" />
    <meta property="og:description" 
      content="{{summaryText}}" />
    <meta property="og:site_name" content="Local Scan" />
{% endblock meta %}

{% block title %}
    Local Scan {{token}} - total in local: {{totalCount}}
{% endblock title %}

{% block content %}
    <div class="container">
        <div class="card">
            <div class="navbar navbar-inverse">
                <span><a href="/"><strong>>>New Scan<<</strong></a> &gt; Local Scan <small>[{{token}}] / Created {{created|date:"M d, Y - H:i:s"}} ({{ created|timesince }} ago)</small></span>
            </div>
            <div class="container-fluid" style="padding: 0">
                <div class="row no-gutters">
                    <div class="col-sm-12">
                        <div class="darkbox box-shadow result-container">
                            <div class="navbar table-header">Total characters in local: {{totalCount}}</div>
                        </div>
                    </div>
                </div>
                <div class="row no-gutters">
                    <div class="col-sm-4">
                        <div class="darkbox box-shadow result-container">
                            <div class="navbar table-header">
                                Alliances
                            </div>
                            <table class="dscan-table table table-dark table-sm">
                                {% for alliance in data.alliances %}
                                <tr class="ship" data-alliance="{{alliance.id}}">
                                    <td class="ticker"><small>[{{alliance.ticker}}]</small></td>
                                    <td class="" style="background-image: url('//image.eveonline.com/Alliance/{{alliance.id}}_64.png')"> {{alliance.name}}</td>
                                    <td class="number">{{alliance.count}}</td>
                                </tr>
                                {% endfor %}
                            </table>
                        </div>
                        <div class="darkbox box-shadow result-container">
                            <div class="navbar table-header">
                                Unaffiliated Corporations
                            </div>
                            <table class="dscan-table table table-dark table-sm">
                                {% for corp in data.corps %}
                                    {% if corp.alliance == -1 %}
                                        <tr class="group" data-alliance="{{corp.alliance}}" data-corporationID="{{corp.id}}">
                                            <td class="ticker"><small>[{{corp.ticker}}]</small></td>
                                            <td class="" style="background-image: url('//image.eveonline.com/Corporation/{{corp.id}}_64.png')">{{corp.name}}</td>
                                            <td class="number">{{corp.count}}</td>
                                        </tr>
                                    {% endif %}
                                {% endfor %}
                            </table>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="darkbox box-shadow result-container">
                            <div class="navbar table-header">
                                Alliance Corporations
                            </div>
                            <table class="dscan-table table table-dark table-sm">
                                {% for corp in data.corps %}
                                    {% if corp.alliance != -1 %}
                                        <tr class="group" data-alliance="{{corp.alliance}}" data-corporationID="{{corp.id}}">
                                            <td class="ticker"><small>[{{corp.ticker}}]</small></td>
                                            <td class="" style="background-image: url('//image.eveonline.com/Corporation/{{corp.id}}_64.png')">{{corp.name}}</td>
                                            <td class="number">{{corp.count}}</td>
                                        </tr>
                                    {% endif %}     
                                {% endfor %}   
                            </table>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="darkbox box-shadow result-container">
                            <div class="navbar table-header">
                                Characters
                            </div>
                            <table class="dscan-table table table-dark table-sm">
                                {% for char in data.characters %}
                                        <tr class="group" data-alliance="{{char.alliance}}" data-corporationid="{{char.corporation}}" data-characterID="{{char.characterID}}">
                                            <td class="" style="width:10%"><a href="//zkillboard.com/character/{{char.characterID}}"><img src="//image.eveonline.com/Character/{{char.characterID}}_32.png"/></a></</td>
                                            <td class="character">{{char.name}}</td>
                                            <td class="ticker"><small>[{{char.alliance_ticker}}]</small></td>
                                            <td class="ticker"><small>[{{char.corp_ticker}}]</small></td>
                                        </tr>

                                {% endfor %}
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}


{% block scripts %}

<script>
    $('tr.ship').hover(function () {
        let alliance = $(this).data('alliance');
        $('.group[data-alliance='+alliance+']').addClass('hover')
    }, function () {
        let alliance = $(this).data('alliance');
        $('.group[data-alliance='+alliance+']').removeClass('hover')
    })

    $('tr.group').hover(function () {
        let alliance = $(this).data('alliance');
        $('.ship[data-alliance='+alliance+']').addClass('hover')
    }, function () {
        let alliance = $(this).data('alliance');
        $('.ship[data-alliance='+alliance+']').removeClass('hover')
    })

        $('tr.group').hover(function () {
        let corporation = $(this).data('corporationid');
        $('.group[data-corporationid='+corporation+']').addClass('hover')
    }, function () {
        let corporation = $(this).data('corporationid');
        $('.group[data-corporationid='+corporation+']').removeClass('hover')
    })

    $('td.character').on("click", function() {
        value = $(this).text();
        $temp = $("<input>");
        $('body').append($temp)
        $temp.val(value).select()
        document.execCommand("copy");
        $temp.remove();
    })
</script>

{% endblock scripts %}