{% extends "base.html" %}

{% block title %}
	{% if collection %}
		{{ _("Edit") }} - {{ collection.title }}
	{% else %}
		{{ _("New Collection") }}
	{% endif %}
{% endblock %}

{% block scriptextra %}
	<script src="/static/collection_editor.js"></script>
{% endblock %}

{% block content %}
	{% from "macros/forms.html" import render_field, render_submit_field, render_checkbox_field, render_field_prefix_button %}
	<form method="POST" action="" enctype="multipart/form-data">
		{{ render_submit_field(form.submit, class_="btn btn-primary float-right") }}
		<h1>{{ self.title() }}</h1>

		{{ form.hidden_tag() }}

		<div class="row">
			{{ render_field(form.title, class_="col-sm-6") }}
			{% if form.name %}
				{{ render_field_prefix_button(form.name, class_="col-sm-6", pattern="[a-z0-9_]+",
					prefix="/collections/" + collection.author.username + "/",
					hint=_("Users won't be redirected when going to the old URL")) }}
			{% endif %}
		</div>

		{{ render_field(form.short_description) }}
		{{ render_checkbox_field(form.private, class_="my-3") }}

		{% if collection and collection.items %}
			<h2>{{ _("Packages") }}</h2>
			<p class="text-muted">
				{{ _("To add or remove a package, go to the package's page and click 'Add to collection'") }}
			</p>
			{% for item in collection.items %}
				{% set package = item.package %}
				<article class="card my-3"
						data-delete-confirm="{{ _('Are you sure you want to remove %(title)s?', title=package.title) }}">
					<div class="card-body">
						<button class="btn btn-sm btn-danger remove-package float-right"
								type="button" aria-label="{{ _('Remove') }}">
							<i class="fas fa-trash"></i>
						</button>
						<h5>
							<a href="{{ package.get_url('packages.view') }}" target="_blank">
								{{ _("%(title)s by %(author)s", title=package.title, author=package.author.display_name) }}
							</a>
						</h5>
						<p class="text-muted">
							{{ package.short_desc }}
						</p>
						{{ render_field(form.descriptions[loop.index - 1], hint=_("You can replace the description with your own")) }}
						{{ form.package_ids[loop.index - 1]() }}
						{{ form.package_removed[loop.index - 1]() }}
					</div>
				</article>
			{% endfor %}
		{% endif %}

		<div class="mt-5">
			{{ render_submit_field(form.submit) }}
		</div>
	</form>
{% endblock %}