{% extends 'bom/bom-base.html' %}

{% block head-title %}{{ title }}{% endblock %}

{% block content %}
    <div class="container-app">
        <p><a href="{% url 'bom:change-list' %}"><i class="material-icons tiny">arrow_back</i> Changes</a></p>
        <h4>
            Change #{{ change.number }}: {{ change.title }}
            {% include 'bom/changes/change-status-chip.html' %}
            {% if is_stale %}<span class="chip amber lighten-3 black-text">Stale</span>{% endif %}
        </h4>
        {% if is_eco %}
            <div class="card-panel deep-purple lighten-5">
                This is an Engineering Change Order (ECO): it edits a revision that is Released or In Review.
                Applying it creates a new Draft revision of each part, which must then be released.
            </div>
        {% endif %}
        {% if is_stale %}
            <div class="card-panel amber lighten-4">
                The parts this change touches were modified after it was staged, so it cannot be applied.
                Rebase it to re-check each item against the current data; items that no longer fit are rejected.
            </div>
        {% endif %}

        <div class="row">
            <div class="col s12 m8">
                <div class="card-panel">
                    <span class="grey-text">Rationale</span>
                    <p>{{ change.rationale|default:"No rationale given."|linebreaksbr }}</p>
                    <small class="grey-text">
                        Authored by {{ change.author.username }}{% if change.api_token %} through {% if change.agent_client %}{{ change.agent_client }} &middot; {% endif %}token {{ change.api_token.name }}{% endif %},
                        {{ change.created_at|timesince }} ago.
                        {% if change.resolved_by %}{{ change.get_status_display }} by {{ change.resolved_by.username }}.{% endif %}
                        {% if change.protection_overridden_by %}Protection overridden by {{ change.protection_overridden_by.username }}.{% endif %}
                    </small>
                </div>

                {% include 'bom/changes/components/change-items.html' %}
            </div>

            <div class="col s12 m4">
                {% if is_pending %}
                    <div class="card-panel">
                        <span class="grey-text">Validation</span>
                        <p>{{ error_count }} error{{ error_count|pluralize }}, {{ warning_count }} warning{{ warning_count|pluralize }}</p>
                        {% for problem in problems %}
                            <p class="{% if problem.level == 'error' %}red-text{% else %}amber-text text-darken-3{% endif %}" style="margin: 4px 0;">
                                <small>Item {{ problem.item.position }}: {{ problem.message }}</small></p>
                        {% endfor %}
                    </div>
                {% endif %}
                {% if impact %}
                    <div class="card-panel">
                        <span class="grey-text">Impact</span>
                        {% for assembly in impact.assemblies %}
                            <p style="margin: 4px 0;">{{ assembly.part_number }} rev {{ assembly.revision }}
                                <span class="chip {% if assembly.needs_new_revision %}teal white-text{% endif %}">{{ assembly.configuration }}</span>
                                {% if assembly.needs_new_revision %}<br><small>Released: needs a new revision to use the change.</small>{% endif %}
                                <br><small class="grey-text">uses {{ assembly.uses }}</small></p>
                        {% empty %}
                            <p>No assemblies use the parts this change edits.</p>
                        {% endfor %}
                    </div>
                    <div class="card-panel">
                        <span class="grey-text">Cost per unit at {{ impact.cost.quantity }}</span>
                        {% for target in impact.cost.targets %}
                            <p style="margin: 4px 0;">{{ target.part_number }} rev {{ target.revision }}<br>
                                {% if target.delta is not None %}
                                    {{ target.before|floatformat:4 }} &rarr; {{ target.after|floatformat:4 }} {{ impact.cost.currency }}
                                    ({% if target.delta > 0 %}+{% endif %}{{ target.delta|floatformat:4 }})
                                {% elif is_pending %}
                                    <small class="grey-text">Not available: the cost could not be computed after the change.</small>
                                {% else %}
                                    <small class="grey-text">Cost is only compared while the change is pending.</small>
                                {% endif %}</p>
                        {% empty %}
                            <p>The change does not edit an existing assembly.</p>
                        {% endfor %}
                        {% if impact.cost.delta is not None %}
                            <p><b>Total {% if impact.cost.delta > 0 %}+{% endif %}{{ impact.cost.delta|floatformat:4 }} {{ impact.cost.currency }}</b></p>
                        {% endif %}
                    </div>
                {% endif %}
                {% if cascade_candidates or cascaded_revisions %}
                    <div class="card-panel">
                        <span class="grey-text">Cascade</span>
                        {% if cascade_candidates %}
                            <p><small>These Released assemblies still use a revision this change replaced.</small></p>
                            <form method="post" action="{% url 'bom:change-cascade' number=change.number %}">{% csrf_token %}
                                {% for candidate in cascade_candidates %}
                                    <p style="margin: 4px 0;"><label>
                                        <input type="checkbox" name="parent_revision_id" value="{{ candidate.parent.id }}" checked>
                                        <span>{{ candidate.parent.part.full_part_number }} rev {{ candidate.parent.revision }}</span></label></p>
                                {% endfor %}
                                <button class="btn waves-effect teal" type="submit">Create new revisions for selected</button>
                            </form>
                        {% endif %}
                        {% for revision in cascaded_revisions %}
                            <p style="margin: 4px 0;">Created {{ revision.part.full_part_number }} rev {{ revision.revision }}
                                <a href="{% url 'bom:part-revision-release' part_id=revision.part_id part_revision_id=revision.id %}">Release</a></p>
                        {% endfor %}
                    </div>
                {% endif %}
                <div class="card-panel">
                    <span class="grey-text">Approval</span>
                    <p>{% if is_pending %}{{ approval.message }}{% else %}This change is {{ change.get_status_display|lower }}.{% endif %}</p>
                </div>
            </div>
        </div>

        {% if is_pending %}
            <div class="row">
                <div class="col s12" style="display: flex; gap: 8px; flex-wrap: wrap;">
                    {% if can_submit %}
                        <form method="post" action="{% url 'bom:change-submit' number=change.number %}">{% csrf_token %}
                            <button class="btn waves-effect" type="submit">Submit for review</button></form>
                    {% endif %}
                    {% if can_apply %}
                        <form method="post" action="{% url 'bom:change-apply' number=change.number %}">{% csrf_token %}
                            <button class="btn waves-effect green" type="submit">Apply {{ accepted_count }} accepted</button></form>
                    {% endif %}
                    {% if can_apply_as_admin %}
                        <form method="post" action="{% url 'bom:change-apply' number=change.number %}" onsubmit="return confirm('Apply your own protected change as an Admin? This override is recorded.');">{% csrf_token %}
                            <input type="hidden" name="override" value="1">
                            <button class="btn waves-effect orange" type="submit">Apply as admin</button></form>
                    {% endif %}
                    {% if can_reject %}
                        <form method="post" action="{% url 'bom:change-reject' number=change.number %}" onsubmit="var reason = prompt('Reason for rejecting this change?'); if (!reason) { return false; } this.reason.value = reason;">{% csrf_token %}
                            <input type="hidden" name="reason" value="">
                            <button class="btn-flat waves-effect red-text" type="submit">Reject all</button></form>
                    {% endif %}
                    {% if can_rebase %}
                        <form method="post" action="{% url 'bom:change-rebase' number=change.number %}">{% csrf_token %}
                            <button class="btn waves-effect amber darken-2" type="submit">Rebase</button></form>
                    {% endif %}
                    {% if is_author %}
                        <form method="post" action="{% url 'bom:change-withdraw' number=change.number %}" onsubmit="return confirm('Withdraw this change?');">{% csrf_token %}
                            <button class="btn-flat waves-effect" type="submit">Withdraw</button></form>
                    {% endif %}
                </div>
            </div>
        {% endif %}
        {% if change.status == 'applied' %}
            <div class="row">
                <div class="col s12" style="display: flex; gap: 8px; flex-wrap: wrap;">
                    {% for revision in created_revisions %}
                        <a class="btn waves-effect teal" href="{% url 'bom:part-revision-release' part_id=revision.part_id part_revision_id=revision.id %}">
                            Release rev {{ revision.revision }} of {{ revision.part.full_part_number }}</a>
                    {% endfor %}
                    {% if can_revert %}
                        <form method="post" action="{% url 'bom:change-revert' number=change.number %}" onsubmit="return confirm('Revert this change? A new change that undoes it will be applied.');">{% csrf_token %}
                            <button class="btn-flat waves-effect red-text" type="submit">Revert</button></form>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}