{% extends "dashboard/base.html" %}
{% load i18n %}

{% block title %}{% trans "Edit" %}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <h1 class="h4 mb-0">{% trans "Edit" %}</h1>
    <div class="text-muted small">{% trans "Update the details and save your changes." %}</div>
  </div>
  <a href="javascript:history.back()" class="btn btn-outline-secondary btn-sm">{% trans "Back" %}</a>
</div>

<div class="card shadow-sm">
  <div class="card-body">
    <form method="post" novalidate enctype="multipart/form-data">
      {% csrf_token %}

      {% if form.non_field_errors %}
        <div class="alert alert-danger mb-3">{{ form.non_field_errors }}</div>
      {% endif %}

      {{ form.media }}

      <div class="row g-3">
        {% for field in form %}
          {% include "partials/_field.html" with field=field col_class="col-12" %}
        {% endfor %}

        <div class="col-12">
          <div class="d-flex justify-content-between align-items-center">
            <div class="d-flex gap-2">
              <button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
              <a href="javascript:history.back()" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
            </div>

            {% if object %}
              <a href="{% url 'dashboard:service_delete' object.pk %}"
                 class="btn btn-outline-danger">
                {% trans "Delete" %}
              </a>
            {% endif %}
          </div>
        </div>
      </div>

    </form>
  </div>
</div>
{% endblock %}