{% extends 'generic/_base.html' %}
{% load helpers %}
{% load form_helpers %}
{% load i18n %}

{% block title %}
  {% trans "Renaming" %} {{ selected_objects|length }} {{ obj_type_plural|bettertitle }}
{% endblock %}

{% block tabs %}
  <ul class="nav nav-tabs">
    <li class="nav-item" role="presentation">
      <button class="nav-link active" type="button" role="tab" aria-controls="edit-form" aria-selected="true">
        {% trans "Bulk Rename" %}
      </button>
    </li>
  </ul>
{% endblock tabs %}

{% block content %}
<div class="row mb-3">
    <div class="col col-md-7">
        <table class="table">
            <thead>
                <tr>
                    <th>{% trans "Current Name" %}</th>
                    <th>{% trans "New Name" %}</th>
                </tr>
            </thead>
            <tbody>
                {% for obj in selected_objects %}
                    <tr{% if obj.new_name and obj.name != obj.new_name %} class="success"{% endif %}>
                        <td>{{ obj.name }}</td>
                        <td>{{ obj.new_name }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <div class="col col-md-5">
        <form action="" method="post" class="form form-horizontal">
            {% csrf_token %}
            <div class="card">
                <h5 class="card-header">{% trans "Rename" %}</h5>
                <div class="card-body">
                    {% render_form form %}
                </div>
            </div>
            <div class="col col-md-12 my-3 text-end">
                <a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
                <button type="submit" name="_preview" class="btn btn-primary">{% trans "Preview" %}</button>
                {% if '_preview' in request.POST and not form.errors %}
                    <button type="submit" name="_apply" class="btn btn-primary">{% trans "Apply" %}</button>
                {% endif %}
            </div>
        </form>
    </div>
</div>
{% endblock content %}