{% load i18n adminmedia %}

<!-- group -->
<div class="group tabular{% if inline_admin_formset.opts.classes %} {{ inline_admin_formset.opts.classes|join:" " }}{% endif %}"
	id="{{ inline_admin_formset.formset.prefix }}-group" >
	<h2 class="collapse-handler">{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}</h2>
	<ul class="tools">
		<li class="add-handler-container"><a href="javascript://" class="icon add-handler" title="{% trans 'Add Another' %}"> </a></li>
	</ul>
	{{ inline_admin_formset.formset.management_form }}
	{{ inline_admin_formset.formset.non_form_errors }}
	<!-- container -->
	<div class="module table">
		<div class="module thead">
			<div class="tr">
				{% for field in inline_admin_formset.fields %}
					{% if not field.widget.is_hidden %}
						<div class="th {{ field.label|lower }}{% if field.required %} required{% endif %}">{{ field.label|capfirst }}</div>
					{% endif %}
				{% endfor %}
				<div class="th content_type">Content type</div>
				<div class="th value">Value</div>
				{% if inline_admin_formset.formset.can_delete %}<div class="th">&nbsp;</div>{% endif %}
			</div>
		</div>
		{% for inline_admin_form in inline_admin_formset %}
			<!-- element -->
			<div class="module tbody{% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %}{% if forloop.last %} empty-form{% endif %}"
				id="{{ inline_admin_formset.formset.prefix }}{% if not forloop.last %}{{ forloop.counter0 }}{% else %}-empty{% endif %}">
				{% if inline_admin_form.form.non_field_errors %}
					<ul class="errorlist"><li>{{ inline_admin_form.form.non_field_errors }}</li></ul>
				{% endif %}
				<h3 style="display: none;"><b>{{ inline_admin_formset.opts.verbose_name|title }} #{{ forloop.counter }}</b>&nbsp;&nbsp;{% if inline_admin_form.original %} {{ inline_admin_form.original }}{% endif %}</h3>
				{% spaceless %}
				{% for fieldset in inline_admin_form %}
					{% for line in fieldset %}
						{% for field in line %}
							{% if field.is_hidden %} {{ field.field }} {% endif %}
						{% endfor %}
					{% endfor %}
				{% endfor %}
				{% endspaceless %}
				<div class="tr">
					{% for fieldset in inline_admin_form %}
						{% for line in fieldset %}
							{% for field in line %}
								<div class="td {{ field.field.name }} {% if field.field.errors %} error{% endif %}">
									{% if field.is_readonly %}
										<p>{{ field.contents }}</p>
									{% else %}
										{{ field.field }}
										{{ field.field.errors.as_ul }}
									{% endif %}
								</div>
							{% endfor %}
						{% endfor %}
					{% endfor %}
					{% with inline_admin_form.form.content_type as field %}<div class="td {{ field.name }}{% if field.errors %} error{% endif %}">{{ field }}{{ field.errors.as_ul }}</div>{% endwith %}
					{% with inline_admin_form.form.value as field %}<div class="td {{ field.name }}{% if field.errors %} error{% endif %}">{{ field }}{{ field.errors.as_ul }}</div>{% endwith %}
					<div class="td tools">
						{% spaceless %}
						<ul class="tools">
							{% if inline_admin_form.show_url %}<li class="viewsite-link-container"><a href="../../../r/{{ inline_admin_form.original_content_type_id }}/{{ inline_admin_form.original.id }}/" class="icon viewsite-link" title="{% trans 'View on Site' %}"> </a></li>{% endif %}
							{% if inline_admin_formset.opts.sortable_field_name %}
								<li class="drag-handler-container"><a href="javascript://" class="icon drag-handler" title="{% trans 'Move Item' %}"></a></li>
							{% endif %}
							{% if inline_admin_formset.formset.can_delete %}<li class="delete-handler-container">{{ inline_admin_form.deletion_field.field }}<a href="javascript://" class="icon {% if inline_admin_form.original %}delete-handler{% else %}remove-handler{% endif %}" title="{% trans 'Remove' %}"> </a>{% endif %}
						</ul>
						{% endspaceless %}
					</div>
					{{ inline_admin_form.fk_field.field }}
					{% if inline_admin_form.has_auto_field %}{{ inline_admin_form.pk_field.field }}{% endif %}
				</div>
			</div>
		{% endfor %}
	</div>
	<div class="module add-item">
		<a href="javascript://" class="add-handler">{% blocktrans with inline_admin_formset.opts.verbose_name|title as verbose_name %}Add another {{ verbose_name }}{% endblocktrans %}</a>
		<ul class="tools">
			<li class="add-handler-container"><a href="javascript://" class="icon add-handler" title="{% trans 'Add Item' %}"> </a></li>
		</ul><br clear="all" />
	</div>
</div>

<script type="text/javascript">
(function($) {
    $(document).ready(function($) {
        
        $("#{{ inline_admin_formset.formset.prefix }}-group").grp_inline({
            prefix: "{{ inline_admin_formset.formset.prefix }}",
            onBeforeAdded: function(inline) {},
            onAfterAdded: function(form) {
                grappelli.reinitDateTimeFields(form);
                grappelli.updateSelectFilter(form);
                form.find("input.vForeignKeyRawIdAdminField").grp_related_fk({lookup_url:"{% url grp_related_lookup %}"});
                form.find("input.vManyToManyRawIdAdminField").grp_related_m2m({lookup_url:"{% url grp_m2m_lookup %}"});
                form.find("input[name*='object_id'][name$='id']").grp_related_generic({lookup_url:"{% url grp_related_lookup %}"});
            },
        });
        
        {% if inline_admin_formset.opts.sortable_field_name %}
        $("#{{ inline_admin_formset.formset.prefix }}-group > div.table").sortable({
            handle: "a.drag-handler",
            items: "div.dynamic-form",
            axis: "y",
            appendTo: 'body',
            forceHelperSize: true,
            containment: '#{{ inline_admin_formset.formset.prefix }}-group > div.table',
            tolerance: 'pointer',
        });
        $("#{{ opts.module_name }}_form").bind("submit", function(){
            var sortable_field_name = "{{ inline_admin_formset.opts.sortable_field_name }}";
            var i = 0;
            $("#{{ inline_admin_formset.formset.prefix }}-group").find("div.dynamic-form").each(function(){
                var fields = $(this).find("div.td :input[value]");
                if (fields.serialize()) {
                    $(this).find("input[name$='"+sortable_field_name+"']").val(i);
                    i++;
                }
            });
        });
        {% endif %}
        
    });
})(django.jQuery);
</script>