{% extends 'base/layout.html' %}
{% load i18n %}

{% block title %}{% trans "Remove assignment" %}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">
    <i class="mdi mdi-link-variant-remove me-2 text-danger"></i>{% trans "Remove assignment" %}
  </h1>
  <a href="{{ return_url }}" class="btn btn-outline-secondary btn-sm">
    <i class="mdi mdi-arrow-left me-1"></i>{% trans "Back" %}
  </a>
</div>

<div class="row justify-content-center">
  <div class="col-md-6">
    <div class="card border-danger">
      <div class="card-body">
        <p>
          {% if ipam_obj %}
            {% blocktrans with addr=addr_obj ipam=ipam_obj field=field_label %}
              Are you sure you want to remove the {{ field }} assignment from <strong>{{ addr }}</strong>
              (currently linked to <strong>{{ ipam }}</strong>)?
              The address and IPAM objects themselves will not be deleted.
            {% endblocktrans %}
          {% else %}
            {% blocktrans with addr=addr_obj field=field_label %}
              Are you sure you want to remove the {{ field }} assignment from <strong>{{ addr }}</strong>?
              The address and IPAM objects themselves will not be deleted.
            {% endblocktrans %}
          {% endif %}
        </p>
        <form method="post">
          {% csrf_token %}
          <input type="hidden" name="addr_ct_id" value="{{ addr_ct_id }}">
          <input type="hidden" name="addr_id" value="{{ addr_obj.pk }}">
          <input type="hidden" name="field" value="{{ field_name }}">
          <input type="hidden" name="return_url" value="{{ return_url }}">
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-danger">
              <i class="mdi mdi-trash-can-outline me-1"></i>{% trans "Remove assignment" %}
            </button>
            <a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}