{% extends "base.html" %}

{% block title %}
	{{ _("Review") }}
{% endblock %}

{% block link %}
	<a href="{{ package.getURL("packages.view") }}">{{ package.title }}</a>
{% endblock %}

{% block content %}
<h1>{{ _("Post a review for %(title)s by %(author)s", title=self.link(), author=package.author.display_name) }}</h1>

{% if package.issueTracker %}
	<p class="alert alert-secondary">
		Found a bug? Post on the <a href="{{ package.issueTracker }}">issue tracker</a> instead.<br />
	</p>
{% endif %}

{% from "macros/forms.html" import render_field, render_submit_field, render_toggle_field %}
<form method="POST" action="" enctype="multipart/form-data">
	{{ form.hidden_tag() }}
	<div class="row mt-0 mb-4 comments mx-0">
		<div class="col-md-1 p-1">
			<img class="img-fluid user-photo img-thumbnail img-thumbnail-1" src="{{ current_user.getProfilePicURL() }}">
		</div>
		<div class="col">
			<div class="card">
				<div class="card-header {{ current_user.rank.name }}">
					{{ current_user.display_name }}
					<a name="reply"></a>
				</div>
				<div class="card-body">
					<p>
						{{ _("Do you recommend this %(type)s?", type=package.type.value | lower) }}
					</p>
					{{ render_toggle_field(form.recommends, icons={"yes":"fa-thumbs-up", "no":"fa-thumbs-down"}) }}

					<p class="mt-4 mb-3">
						{{ _("Why or why not? Try to be constructive") }}
					</p>

					{{ render_field(form.title) }}
					{{ render_field(form.comment, label="", class_="m-0", fieldclass="form-control markdown") }} <br />
					{{ render_submit_field(form.submit) }}
				</div>
			</div>
		</div>
	</div>
</form>

{% if review %}
<form method="POST" action="{{ review.getDeleteURL() }}" class="alert alert-secondary my-5">
	<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
	<input class="btn btn-sm btn-danger float-right" type="submit" value="{{ _('Delete') }}">
	<b>{{ _("Delete review.") }}</b>
	{{ _("This will convert the review into a thread, keeping the comments but removing its effect on the package's rating.") }}
	<div style="clear:both;"></div>
</form>
{% endif %}

{% endblock %}
