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

{% block title %}{% trans "Add Cable" %} - {{ device }}{% endblock %}

{% block content %}
<div class="row mb-3">
    <div class="col col-md-8 col-lg-6">
        <nav class="mb-3">
            <ol class="breadcrumb" style="--bs-breadcrumb-divider: '&#8594;';">
                <li class="breadcrumb-item {% if current_step == 1 %}active fw-bold{% elif current_step > 1 %}text-success{% endif %}">
                    <span class="badge {% if current_step == 1 %}bg-primary{% elif current_step > 1 %}bg-success{% else %}bg-secondary{% endif %} rounded-pill me-1">1</span>
                    {% trans "Scope" %}
                </li>
                <li class="breadcrumb-item {% if current_step == 2 %}active fw-bold{% elif current_step > 2 %}text-success{% endif %}">
                    <span class="badge {% if current_step == 2 %}bg-primary{% elif current_step > 2 %}bg-success{% else %}bg-secondary{% endif %} rounded-pill me-1">2</span>
                    {% trans "Cable" %}
                </li>
                <li class="breadcrumb-item {% if current_step == 3 %}active fw-bold{% endif %}">
                    <span class="badge {% if current_step == 3 %}bg-primary{% else %}bg-secondary{% endif %} rounded-pill me-1">3</span>
                    {% trans "Review" %}
                </li>
            </ol>
        </nav>

        <div id="wizard-content">
            {% include step_template %}
        </div>
    </div>
</div>
{% endblock %}