{% extends "base.html" %}

{% block head %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/text-scan.css')}}">
{% endblock %}

{% block toolsnav %}
	<a href="/"><button>⭠</button></a>
{% endblock %}

{% block toolsextra %}
	<a href="/text-scans/"><button style="color:magenta;">text-scans</button></a>
	<!-- <a href="/text-specifics/"><button>text-specifics</button></a> -->
{% endblock %}

{% block page %}
<div class="info">
	<strong>text-scans</strong>
</div>
<hr>
<div id="wrapper">
	<div id="crossings">
		{% if data == {} %}
			<div>I have no words for this.</div>
		{% else %}
			<!-- <h1 style="margin-bottom:0;margin-top:1.25em;line-height: 0;">attachments</h1> -->
            {% for word_type, ranking in data.items() %}
				<div id="{{ word_type }}">
				    <h1>{{ word_type }}</h1>
                    {% for rank, words in ranking.items() %}
                        {% for word in words.keys() %}
                            <a href="/text-scans/{{ word_type }}/{{ word }}">{{ word }}</a><sup>{{ words[word]['count'] }}</sup>
                      {% endfor %}
  					{% endfor %}
  				</div>
    		{% endfor %}
		{% endif %}
	</div>
	<div id="sentences">
		{% if results == {} %}
			<h1></h1>
		{% else %}
			<h1><em>{{ word }}</em> ({{ word_type }})</h1>
			{% for document, sentences in results['sentences'].items() %}
				{% for sentence in sentences %}
					<div class="{{ word_type }} sentence">{{ sentence|markdown }} <small>({{ document }})</small></div>
				{% endfor %}
			{% endfor %}
		{% endif %}
	</div>
</div>
{% endblock %}