{% extends 'UpdoonAppBundle::base_private_extension.html.twig' %}

{% block title %}{{ parent() }}Ausschreibungen • Vergleichen{% endblock %}

{% block content %}
	<div class="ui secondary menu">
		<div class="item">
			<div class="ui breadcrumb">
				<a href="{{ path('home_overview') }}" class="section">Home</a>
				<div class="divider"> / </div>
				<a href="{{ path('announcement_overview') }}" class="section">Ausschreibungen</a>
				<div class="divider"> / </div>
				<div class="active section">Vergleichen</div>
			</div>
		</div>
	</div>
	{% if announcement_compare_form.vars.errors is not empty %}
		<div class="ui error message">
			Error: {{ announcement_compare_form.vars.errors|replace({'ERROR: ': ''}) }}
		</div>
	{% endif %}
	{{ form_start(announcement_compare_form, {'attr' : {'class' : 'ui form'}}) }}
	<div class="ui top attached compact segment">
		<div class="ui top attached updoon label">Vergleichen</div>
		<div class="ui grid">
			<div class="two wide column">
				<div class="required {% if announcement_compare_form.id.vars.errors is not empty %}error {% endif %}field">
					<label>ID</label>
					{% if announcement_compare_form.id.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_compare_form.id.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_compare_form.id, {'attr': {'placeholder' : 'ID'}}) }}
					</div>
				</div>
			</div>
			<div class="two wide column">
				<div class="required {% if announcement_compare_form.referenceId.vars.errors is not empty %}error {% endif %}field">
					<label>VergleichsID</label>
					{% if announcement_compare_form.referenceId.vars.errors is not empty %}
						<div class="ui tiny red pointing below label">
							Error: {{ announcement_compare_form.referenceId.vars.errors|replace({'ERROR: ': ''}) }}
						</div>
					{% endif %}
					<div class="ui fluid input">
						{{ form_widget(announcement_compare_form.referenceId, {'attr': {'placeholder' : 'VergleichsID'}}) }}
					</div>
				</div>
			</div>
			<div class="sixteen wide column">
				{{ form_widget(announcement_compare_form.submit, {'attr': {'class': 'ui updoon submit button'}, 'label' : 'Ausschreibungen vergleichen'}) }}
			</div>
		</div>
	</div>
	{{ form_end(announcement_compare_form) }}
	{% if text is defined and not null and referenceText is defined and not null %}
		<div class="ui top attached compact segment">
			<div class="ui top attached updoon label">Ergebnis</div>
			<p>
				<strong>Prozentuale Übereinstimmung: </strong>{{ percentage|round(2) }}%
			</p>
			<table class="ui celled table">
				<thead>
					<tr>
						<th>Text der AusschreibungsID {{ id }}</th>
						<th>Vergleich</th>
						<th>Text der AusschreibungsID {{ referenceId }}</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="top aligned">{{ text|nl2br }}</td>
						<td class="top aligned">{{ result|raw }}</td>
						<td class="top aligned">{{ referenceText|nl2br }}</td>
					</tr>
				</tbody>
			</table>
		</div>
	{% endif %}
{% endblock %}