{% extends 'generic/object.html' %}
{% load helpers %}
{% load plugins %}
{% load render_table from django_tables2 %}
{% load i18n %}
{% load static %}

{% block extra_controls %}
    {% if object.status == 'draft' %}
        <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
            {% csrf_token %}
            <input type="hidden" name="action" value="submit">
            <button type="submit" class="btn btn-primary">
                <i class="mdi mdi-send"></i> {% trans "Submit for Approval" %}
            </button>
        </form>
        <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
            {% csrf_token %}
            <input type="hidden" name="action" value="archive">
            <button type="submit" class="btn btn-outline-danger">
                <i class="mdi mdi-archive"></i> {% trans "Discard" %}
            </button>
        </form>
        <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_import_device' pk=object.pk %}" class="d-inline">
            {% csrf_token %}
            <button type="submit" class="btn btn-warning">
                <i class="mdi mdi-download"></i> {% trans "Import from Device" %}
            </button>
        </form>
    {% elif object.status == 'pending_approval' %}
        {% if perms.netbox_fms.approve_spliceplan %}
            <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
                {% csrf_token %}
                <input type="hidden" name="action" value="approve">
                <button type="submit" class="btn btn-success">
                    <i class="mdi mdi-check"></i> {% trans "Approve" %}
                </button>
            </form>
            <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
                {% csrf_token %}
                <input type="hidden" name="action" value="reject">
                <button type="submit" class="btn btn-danger">
                    <i class="mdi mdi-close"></i> {% trans "Reject" %}
                </button>
            </form>
        {% endif %}
        {% if object.submitted_by == request.user %}
            <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
                {% csrf_token %}
                <input type="hidden" name="action" value="withdraw">
                <button type="submit" class="btn btn-outline-warning">
                    <i class="mdi mdi-undo"></i> {% trans "Withdraw" %}
                </button>
            </form>
        {% endif %}
    {% elif object.status == 'approved' %}
        {% if perms.netbox_fms.approve_spliceplan %}
            <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
                {% csrf_token %}
                <input type="hidden" name="action" value="reopen">
                <button type="submit" class="btn btn-outline-primary">
                    <i class="mdi mdi-lock-open"></i> {% trans "Reopen" %}
                </button>
            </form>
            <form method="post" action="{% url 'plugins:netbox_fms:spliceplan_transition' pk=object.pk %}" class="d-inline">
                {% csrf_token %}
                <input type="hidden" name="action" value="archive">
                <button type="submit" class="btn btn-outline-danger">
                    <i class="mdi mdi-archive"></i> {% trans "Discard" %}
                </button>
            </form>
        {% endif %}
    {% endif %}
    <a href="{% url 'plugins:netbox_fms:spliceplan_export' pk=object.pk %}" class="btn btn-secondary">
        <i class="mdi mdi-export"></i> {% trans "Export Draw.io" %}
    </a>
{% endblock %}

{% block content %}
<link rel="stylesheet" href="{% static 'netbox_fms/css/fms-components.css' %}">
<div class="fms-component">
<div class="row mb-3">
    <div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">{% trans "Splice Plan" %}</h5>
            <table class="table table-hover attr-table">
                <tr>
                    <th scope="row">{% trans "Name" %}</th>
                    <td>{{ object.name }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Closure" %}</th>
                    <td>{{ object.closure|linkify }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Project" %}</th>
                    <td>{% if object.project %}{{ object.project|linkify }}{% else %}&mdash;{% endif %}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Status" %}</th>
                    <td>
                        {% if object.status == 'archived' %}
                            <span class="fms-badge fms-badge--live">{{ object.get_status_display }}</span>
                        {% elif object.status == 'approved' %}
                            <span class="fms-badge fms-badge--planned">{{ object.get_status_display }}</span>
                        {% elif object.status == 'pending_approval' %}
                            <span class="fms-badge fms-badge--pending">{{ object.get_status_display }}</span>
                        {% else %}
                            <span class="fms-badge fms-badge--draft">{{ object.get_status_display }}</span>
                        {% endif %}
                    </td>
                </tr>
                {% if object.submitted_by %}
                <tr>
                    <th scope="row">{% trans "Submitted By" %}</th>
                    <td>{{ object.submitted_by }}</td>
                </tr>
                {% endif %}
                <tr>
                    <th scope="row">{% trans "Entries" %}</th>
                    <td>{{ object.entries.count }}</td>
                </tr>
                <tr>
                    <th scope="row">{% trans "Sync" %}</th>
                    <td>
                        {% if object.status == 'archived' and not object.diff_stale %}
                            <span class="fms-badge fms-badge--live"><i class="mdi mdi-check"></i> {% trans "In sync" %}</span>
                        {% elif object.diff_stale %}
                            <span class="fms-badge fms-badge--pending"><i class="mdi mdi-sync-alert"></i> {% trans "Out of sync" %}</span>
                        {% else %}
                            <span class="fms-badge fms-badge--planned"><i class="mdi mdi-pencil"></i> {% trans "Not applied" %}</span>
                        {% endif %}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col col-md-6">
        {% if object.description %}
        <div class="card">
            <h5 class="card-header">{% trans "Description" %}</h5>
            <div class="card-body">{{ object.description|markdown }}</div>
        </div>
        {% endif %}
    </div>
</div>
<div class="row mb-3">
    <div class="col col-md-12">
        <div class="card">
            <h5 class="card-header">{% trans "Splice Entries" %}</h5>
            <div class="card-body table-responsive">
                {% render_table entries_table %}
            </div>
        </div>
    </div>
</div>
{% plugin_full_width_page object %}
</div>
{% endblock %}