{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static "admin/css/forms.css" %}">
  <link rel="stylesheet" href="{% static "locals/css/favorite_list.css" %}">
{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
<a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
&rsaquo; {% translate 'Favorites' %}
</div>
{% endblock %}

{% block coltype %}colMS{% endblock %}

{% block content %}
<div id="content-main">
  <h1>{% translate "Favorites" %}</h1>
  {% if favorites %}
  <form method="post" class="favorite-list-form">
    {% csrf_token %}
    <fieldset class="module aligned">
      <table class="listing favorites-table">
        <thead>
          <tr>
            <th>{% translate "Model" %}</th>
            <th>{% translate "App" %}</th>
            <th>{% translate "Custom Label" %}</th>
            <th>{% translate "Order" %}</th>
            <th>{% translate "Seed Data" %}</th>
            <th>{% translate "Mark as User Data" %}</th>
            <th class="field-actions"></th>
          </tr>
        </thead>
        <tbody>
        {% for fav in favorites %}
          <tr>
            <th scope="row">{{ fav.content_type.name }}</th>
            <td>{{ fav.content_type.app_label }}</td>
            <td>
              <label class="visually-hidden" for="id_custom_label_{{ fav.pk }}">{% translate "Custom Label" %}</label>
              <input
                type="text"
                id="id_custom_label_{{ fav.pk }}"
                name="custom_label_{{ fav.pk }}"
                class="field-input"
                value="{{ fav.custom_label }}"
              >
            </td>
            <td class="field-order">
              <div class="favorite-order-controls">
                <button type="submit" name="move" value="up:{{ fav.pk }}" class="button favorite-order-button" {% if forloop.first %}disabled{% endif %}>{% translate "↑" %}</button>
                <button type="submit" name="move" value="down:{{ fav.pk }}" class="button favorite-order-button" {% if forloop.last %}disabled{% endif %}>{% translate "↓" %}</button>
              </div>
            </td>
            <td class="field-seed">{% if fav.is_seed_data %}{% translate "Yes" %}{% else %}{% translate "No" %}{% endif %}</td>
            <td class="field-toggle">
              <input type="checkbox" name="user_data" value="{{ fav.pk }}" {% if fav.user_data %}checked{% endif %}>
            </td>
            <td class="field-actions">
              <a href="{% url 'admin:favorite_delete' fav.pk %}" class="button deletelink">
                {% translate "Remove" %}
              </a>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </fieldset>
    <div class="submit-row favorites-actions">
      <input type="submit" value="{% translate 'Save' %}" class="default favorite-action">
      <a href="{% url 'admin:favorite_clear' %}" class="button deletelink">
        {% translate "Remove all favorites" %}
      </a>
    </div>
  </form>
  {% else %}
  <p>{% translate "No favorites." %}</p>
  {% endif %}
</div>
{% endblock %}

{% block sidebar %}
  {{ block.super }}
{% endblock %}