{% extends "touchtechnology/admin/workbook/edit.html" %}
{% load common i18n admin_workbook %}

{% block page_title %}{% trans "Build divisions from JSON" %}{% endblock %}
{% block eyebrow %}{{ season.title }}{% endblock %}
{% block heading %}{% trans "Build divisions from JSON" %}{% endblock %}
{% block lede %}<p class="wb-lede">{% blocktrans %}Each form accepts a complete <code>DivisionStructure</code> JSON object that will be validated and used to create teams, stages, pools, and matches.{% endblocktrans %}</p>{% endblock %}
{% block form-title %}{% trans "Divisions" %}{% endblock %}
{% block form-class %}{% endblock %}

{% block form-fieldset %}
	<p class="wb-message wb-message-info">{% icon "info" %}<span><strong>{% trans "Note:" %}</strong> {% trans "All divisions will be created within a single transaction - if any division fails to build, all changes will be rolled back." %}</span></p>
	{{ formset.management_form }}
	<div data-wb-formset>
		<div class="wb-rows" data-wb-formset-rows>
			{% for form in formset %}
				<div class="wb-row-form wb-row-form-stack">
					<div class="wb-row-form-head">
						<h3>{% blocktrans with n=forloop.counter %}Division {{ n }}{% endblocktrans %}</h3>
						{% if not forloop.first %}<button type="button" class="wb-button wb-button-danger-quiet wb-button-small" data-wb-formset-remove>{% icon "trash-2" %}{% trans "Remove" %}</button>{% endif %}
					</div>
					{% for f in form %}{% field f %}{% endfor %}
				</div>
			{% endfor %}
		</div>
		<template data-wb-formset-empty>
			<div class="wb-row-form wb-row-form-stack">
				<div class="wb-row-form-head">
					<h3>{% trans "Another division" %}</h3>
					<button type="button" class="wb-button wb-button-danger-quiet wb-button-small" data-wb-formset-remove>{% icon "trash-2" %}{% trans "Remove" %}</button>
				</div>
				{% for f in formset.empty_form %}{% field f %}{% endfor %}
			</div>
		</template>
		<p class="wb-actions"><button type="button" class="wb-button" data-wb-formset-add>{% icon "plus" %}{% trans "Add Division" %}</button></p>
	</div>
{% endblock form-fieldset %}

{% block extracss %}
	{{ block.super }}
	{{ formset.media|admin_media }}
{% endblock %}