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

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

{% block bom-menu %}{% endblock %}

{% block content %}
    <style>
        .upload-preview details { margin: 8px 0; }
        .upload-preview summary { cursor: pointer; font-weight: 500; }
        .upload-preview table { font-size: 0.9rem; }
        .upload-preview .assembly-change { margin-top: 24px; }
    </style>
    <div class="container-app upload-preview">
        {% if notice %}
            <div class="card-panel orange lighten-4">{{ notice }}</div>
        {% endif %}

        {% if errors %}
            <div class="card-panel red lighten-4">
                <p><b>Fix these rows and upload the file again.</b> Nothing has been saved.</p>
                <ul class="browser-default">
                    {% for error in errors %}<li>{{ error }}</li>{% endfor %}
                </ul>
            </div>
        {% else %}
            <p>
                {{ row_count }} row{{ row_count|pluralize }} ready to import.
                {% if parent_part %}
                    {% if adds_to_parent_part %}Adding to{% else %}Replacing{% endif %} the BOM of
                    <a href="{% url 'bom:part-info' part_id=parent_part.id %}">{{ parent_part.full_part_number }}</a>.
                {% endif %}
                Nothing is saved until you confirm.
                {% if not assembly_changes %}This upload doesn't change any BOMs.{% endif %}
            </p>
        {% endif %}

        {% if warnings %}
            <div class="card-panel amber lighten-4">
                <ul class="browser-default" style="margin: 0;">
                    {% for warning in warnings %}<li>{{ warning }}</li>{% endfor %}
                </ul>
            </div>
        {% endif %}

        <form action="{% url 'bom:upload-bom-confirm' %}" method="post">
            {% csrf_token %}
            {% if token %}
                <input type="hidden" name="token" value="{{ token }}">
                <input class="green lighten-1 btn" type="submit" name="confirm" value="Confirm upload"/>
                <input class="btn-flat grey-text" type="submit" name="cancel" value="Cancel"/>
            {% else %}
                <a href="{{ return_url }}" class="btn-flat grey-text">Back</a>
            {% endif %}
        </form>

        {% for assembly in assembly_changes %}
            <div class="assembly-change">
                <h6>
                    <a href="{% url 'bom:part-info' part_id=assembly.part_id %}">{{ assembly.part_number }}</a>
                    Rev {{ assembly.revision }} &middot; {{ assembly.synopsis }}
                </h6>
                {% if assembly.is_new %}
                    <p class="grey-text">New assembly.</p>
                {% elif assembly.used_in_count > 1 %}
                    <p class="orange-text text-darken-3">Used in {{ assembly.used_in_count }} assemblies. These changes apply to all of them.</p>
                {% endif %}
                {% regroup assembly.lines by change as lines_by_change %}
                {% for group in lines_by_change %}
                    {% if group.grouper == 'added' %}
                        <details>
                            <summary class="green-text">{{ group.list|length }} line{{ group.list|length|pluralize }} added</summary>
                            {% include 'bom/components/upload-bom-preview-lines.html' with lines=group.list %}
                        </details>
                    {% else %}
                        <p class="{% if group.grouper == 'removed' %}red-text{% else %}orange-text text-darken-3{% endif %}" style="margin-bottom: 0;">
                            {{ group.list|length }} line{{ group.list|length|pluralize }} {{ group.grouper }}
                        </p>
                        {% include 'bom/components/upload-bom-preview-lines.html' with lines=group.list %}
                    {% endif %}
                {% endfor %}
            </div>
        {% endfor %}

        {% if parts_created or revisions_created or manufacturers_created %}
            <h6 style="margin-top: 32px;">Parts</h6>
        {% endif %}
        {% if parts_created %}
            <details>
                <summary>{{ parts_created|length }} new part{{ parts_created|length|pluralize }}</summary>
                <ul class="browser-default">
                    {% for part in parts_created %}<li>{{ part.part_number }} Rev {{ part.revision }} &middot; {{ part.synopsis }}</li>{% endfor %}
                </ul>
            </details>
        {% endif %}
        {% if revisions_created %}
            <details>
                <summary>{{ revisions_created|length }} new revision{{ revisions_created|length|pluralize }}</summary>
                <ul class="browser-default">
                    {% for part in revisions_created %}<li>{{ part.part_number }} Rev {{ part.revision }} &middot; {{ part.synopsis }}</li>{% endfor %}
                </ul>
            </details>
        {% endif %}
        {% if manufacturers_created %}
            <details>
                <summary>{{ manufacturers_created|length }} new manufacturer{{ manufacturers_created|length|pluralize }}</summary>
                <ul class="browser-default">
                    {% for name in manufacturers_created %}<li>{{ name }}</li>{% endfor %}
                </ul>
            </details>
        {% endif %}
    </div>
{% endblock %}