{% load i18n admin_urls static admin_modify %}

<div class="js-inline-admin-formset inline-group" id="{{ inline_admin_formset.formset.prefix }}-group" data-inline-type="tabular" data-inline-formset="{{ inline_admin_formset.inline_formset_data }}">
    <div class="tabular inline-related {% if forloop.last %}last-related{% endif %}">
        {{ inline_admin_formset.formset.management_form }}

        <fieldset class="module {{ inline_admin_formset.classes }}">
            <h2 class="bg-gray-100 font-semibold mb-6 px-4 py-3 rounded-md text-gray-900 text-sm lg:-mx-4">
                {% if inline_admin_formset.formset.max_num == 1 %}
                    {{ inline_admin_formset.opts.verbose_name|capfirst }}
                {% else %}
                    {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
                {% endif %}
            </h2>

            {{ inline_admin_formset.formset.non_form_errors }}

            <div>
                {% if not inline_admin_formset.has_add_permission and inline_admin_formset|length == 0 %}
                    <p class="mb-8 text-gray-500 text-sm">
                        {% trans "No records found." %}
                    </p>
                {% else %}
                    <table class="border border-spacing-none border-separate mb-6 rounded-md shadow-sm text-gray-700 w-full">
                        <thead class="hidden lg:table-header-group">
                            <tr>
                                {% for field in inline_admin_formset.fields %}
                                    {% if not field.widget.is_hidden %}
                                        <th class="column-{{ field.name }}{% if field.required %} required{% endif %} align-middle border-b font-medium px-3 py-2 text-left text-gray-400 text-sm">
                                            {{ field.label|capfirst }}

                                            {% if field.help_text %}
                                                <img src="{% static "admin/img/icon-unknown.svg" %}" class="help help-tooltip" width="10" height="10" alt="({{ field.help_text|striptags }})" title="{{ field.help_text|striptags }}">
                                            {% endif %}
                                        </th>
                                    {% endif %}
                                {% endfor %}

                                {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
                                    <th class="align-middle border-b font-medium px-3 py-2 text-left text-gray-400 text-sm lg:w-px">
                                        {% translate "Delete?" %}
                                    </th>
                                {% endif %}
                            </tr>
                        </thead>

                        <tbody>
                            {% for inline_admin_form in inline_admin_formset %}
                                {% if inline_admin_form.form.non_field_errors %}
                                    <tr class="row-form-errors">
                                        <td colspan="{{ inline_admin_form|cell_count }}">
                                            {{ inline_admin_form.form.non_field_errors }}
                                        </td>
                                    </tr>
                                {% endif %}

                                {% if inline_admin_form.original or inline_admin_form.show_url %}
                                    <tr>
                                        <td class="original align-middle border-t font-normal px-3 pt-3 text-left text-sm whitespace-nowrap" colspan="10">
                                            {% if inline_admin_form.original or inline_admin_form.show_url %}
                                                <p class="flex items-center leading-none text-gray-500">
                                                    {% if inline_admin_form.original %}
                                                        {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
                                                            <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{% if inline_admin_formset.has_change_permission %}inlinechangelink{% else %}inlineviewlink{% endif %} text-gray-500 text-xs">
                                                                {{ inline_admin_form.original }}
                                                            </a>
                                                        {% endif %}
                                                    {% else %}
                                                        {{ inline_admin_form.original }}
                                                    {% endif %}

                                                    {% if inline_admin_form.show_url %}
                                                        <a href="{{ inline_admin_form.absolute_url }}" class="ml-1">
                                                            <i class="material-icons h-4 md-16 text-gray-400">launch</i>
                                                        </a>
                                                    {% endif %}
                                                </p>
                                            {% endif %}

                                            {% if inline_admin_form.needs_explicit_pk_field %}
                                                {{ inline_admin_form.pk_field.field }}
                                            {% endif %}

                                            {% if inline_admin_form.fk_field %}
                                                {{ inline_admin_form.fk_field.field }}
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% endif %}

                                <tr class="form-row {% if inline_admin_form.original or inline_admin_form.show_url %}has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form{% endif %}" id="{{ inline_admin_formset.formset.prefix }}-{% if not forloop.last %}{{ forloop.counter0 }}{% else %}empty{% endif %}">
                                    {% spaceless %}
                                        {% for fieldset in inline_admin_form %}
                                            {% for line in fieldset %}
                                                {% for field in line %}
                                                    {% if not field.is_readonly and field.field.is_hidden %}
                                                        {{ field.field }}
                                                    {% endif %}
                                                {% endfor %}
                                            {% endfor %}
                                        {% endfor %}
                                    {% endspaceless %}

                                    {% for fieldset in inline_admin_form %}
                                        {% for line in fieldset %}
                                            {% for field in line %}
                                                {% if field.is_readonly or not field.field.is_hidden %}
                                                    <td{% if field.field.name %} class="field-{{ field.field.name }}{% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} border-b flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:w-72 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell"{% endif %} data-label="{{ field.field.label }}">
                                                        {% if field.is_readonly %}
                                                            <p class="text-gray-500 py-2">
                                                                {{ field.contents }}
                                                            </p>
                                                        {% else %}
                                                            {{ field.field }}

                                                            {% if field.field.errors|length > 0 %}
                                                                <div class="mt-1 ext-sm text-red-600">
                                                                    {% for error in field.field.errors %}
                                                                        {{ error }}
                                                                    {% endfor %}
                                                                </div>
                                                            {% endif %}
                                                        {% endif %}
                                                    </td>
                                                {% endif %}
                                            {% endfor %}
                                        {% endfor %}
                                    {% endfor %}

                                    {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
                                        <td class="
                                            delete {% if inline_admin_form.original %}p-3 lg:py-3{% else %}py-3{% endif %} align-middle text-left font-normal px-3 text-sm text-red-600
                                            border-b flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:w-72 lg:before:hidden font-normal px-3 text-sm lg:table-cell lg:underline lg:w-px
                                            "
                                            data-label="{% trans "Remove" %}">
                                            {% if inline_admin_form.original %}
                                                {{ inline_admin_form.deletion_field.field }}
                                            {% endif %}
                                        </td>
                                    {% endif %}
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% endif %}
            </div>
        </fieldset>
    </div>
</div>
