{% extends "base.html" %}

{% block title %}
	{{ _("Bulk Change Releases") }} - {{ package.title }}
{% endblock %}

{% block content %}
	<h1>{{ self.title() }}</h1>

	<p class="mb-5">
		{{ _("Use this page to set the min and max of all releases for your package.") }}
	</p>

	{% from "macros/forms.html" import render_field, render_submit_field, render_checkbox_field %}
	<form method="POST" action="">
		{{ form.hidden_tag() }}

		<div class="row">
			{{ render_checkbox_field(form.set_min, class_="col-sm-2") }}
			{{ render_field(form.min_rel, class_="col-sm-10") }}
		</div>
		<div class="row">
			{{ render_checkbox_field(form.set_max, class_="col-sm-2") }}
			{{ render_field(form.max_rel, class_="col-sm-10") }}
		</div>
		{{ render_checkbox_field(form.only_change_none) }}

		<p id="minmax_warning" style="color:#f00; display: none;">
			{{ _("Maximum must be greater than or equal to the minimum!") }}
		</p>

		<p class="mt-3">
			{{ _("Note: Min and max versions will be used to hide the package on
			platforms not within the range.") }}
			<br />
			{{ _("Leave both as None if in doubt.") }}
		</p>

		{{ render_submit_field(form.submit) }}
	</form>
{% endblock %}

{% block scriptextra %}
	<script src="/static/release_minmax.js?v=1"></script>
	<script>
		function setup_toggle(type) {
			const toggle = $("#set_" + type);

			function on_change() {
				if (toggle.is(":checked")) {
					// $("#" + type + "_rel").removeAttr("disabled");
					$("#" + type + "_rel").parent().css("opacity", "1");
				} else {
					// $("#" + type + "_rel").attr("disabled", "disabled");
					$("#" + type + "_rel").parent().css("opacity", "0.4");
					$("#" + type + "_rel").val($("#" + type + "_rel option:first-child").attr("value"));
					$("#" + type + "_rel").change();
				}
			}
			toggle.change(on_change);
			on_change();
		}

		setup_toggle("min");
		setup_toggle("max");
	</script>
{% endblock %}