{% extends 'generic/_base.html' %}
{% load form_helpers %}
{% load helpers %}
{% load i18n %}
{% block title %}
  {% trans action %} {{ branch }}
{% endblock %}
{% block tabs %}
  <ul class="nav nav-tabs">
    <li class="nav-item" role="presentation">
      <button class="nav-link active"
              id="action-form-tab"
              data-bs-toggle="tab"
              data-bs-target="#action-form"
              type="button"
              role="tab"
              aria-controls="action-form"
              aria-selected="true">{% trans action %}</button>
    </li>
  </ul>
{% endblock tabs %}
{% block content %}
  {# Form tab #}
  <div class="tab-pane show active"
       id="action-form"
       role="tabpanel"
       aria-labelledby="action-form-tab">
    {% if not action_permitted %}
      <div class="alert alert-warning">
        <i class="mdi mdi-alert-circle"></i>
        {{ action_permitted.message }}
        {% blocktrans %}Only dry runs are permitted.{% endblocktrans %}
      </div>
    {% endif %}
    {% if conflicts_table.rows %}
      <div class="alert alert-danger">
        <i class="mdi mdi-alert-circle"></i>
        {% blocktrans with count=conflicts_table.rows|length %}
          The following {{ count }} conflicts were found. Applying these changes will overwrite data that has
          been modified since the branch was created. Please confirm that each of these changes is desired.
        {% endblocktrans %}
      </div>
    {% else %}
      <div class="alert alert-success">
        <i class="mdi mdi-check-circle"></i>
        {% blocktrans %}No field-level conflicts found. (Note: Database constraint violations, e.g. duplicate names or slugs, can only be detected during merge.){% endblocktrans %}
      </div>
    {% endif %}
    {% if changes_summary.creates or changes_summary.updates or changes_summary.deletes %}
      <div class="card mb-3">
        <h2 class="card-header">{% trans "Pending Changes" %}</h2>
        {% include 'netbox_branching/inc/changes_summary.html' with prefix=action_name %}
      </div>
    {% endif %}
    <form action=""
          method="post"
          enctype="multipart/form-data"
          class="object-edit--with-sticky-actions">
      {% csrf_token %}
      {% if conflicts_table.rows %}
        <div class="card">
          <div class="htmx-container table-responsive" id="object_list">
            {% include 'htmx/table.html' with table=conflicts_table %}
          </div>
        </div>
      {% endif %}
      <div class="row">
        <div class="col col-md-6 offset-md-3">{% render_form form %}</div>
      </div>
      <div class="sticky-actions sticky-actions-footer d-print-none"
           data-sticky-position="full"
           data-sticky-when="always">
        <div class="btn-list">
          <a href="{{ branch.get_absolute_url }}"
             class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
          <button type="submit" name="_update" class="btn btn-primary">{% trans action %}</button>
        </div>
      </div>
    </form>
  </div>
  {# /Form tab #}
{% endblock content %}