{% extends "base.html" %}

{% block body %}
<div class="container">
	<form method="get">
		<div class="d-flex">
			<input
				class="m-2 form-control"
				type="text"
				id="search"
				name="search"
				value="{{ search|e }}"
			/>
			<button
				class="button"
				type="submit"
				value="Hledat"
			>Hledat</button>
		</div>
	</form>
	<div class="table-responsive">
		<table class="table table-hover">
			<thead>
				<tr>
					<th>Detection time</th>
					<th>Source</th>
					<th>Diff</th>
					<th>Original</th>
					<th>Changed</th>
				</tr>
			</thead>
			<tbody>
				{% for diff in diffs %}
				<tr>
					<td>{{ diff.diff_time }}</td>
					<td>
						<a href="{{ diff.article_url }}" target="_blank"
							>{{ diff.feed_name }}</a
						>
					</td>
					<td>{{ diff.diff_html|safe }}</td>
					<td class="expanded">
						<span class="long">{{ diff.title_orig }} </span>
					</td>
					<td class="expanded">
						<span class="long">{{ diff.title_new}} </span>
					</td>
				</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	{{ pagination.links }}
	{{ pagination.info }}
</div>
{% endblock body %}