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

{% load static %}

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

{% block bom-menu %}
    <li><a href="{% url 'bom:home' %}">Cancel</a></li>
{% endblock %}

{% block content %}
    <div class="container-app">
        {% if profile.role == 'A' %}
            <p>Upload a CSV to create multiple parts at once. Each row becomes one part; rows with errors are skipped
                and the rest continue to import.</p>
            <p>If you also want to associate parts to create assemblies and add quantities to specify how many parts
                are in an assembly, instead <a href="{% url 'bom:upload-bom' %}">upload a bill of materials</a>.</p>

            <p style="margin-top: 8px; font-size: 0.85rem;">
                <a href="{% url 'bom:upload-parts-template' %}">Download a template CSV</a> set up for your
                organization's numbering{% if organization.number_scheme == 'S' %} and part classes{% endif %}.
            </p>

            <div class="row" style="margin-bottom: 0;">
                <div class="col s12 m6">
                    <table class="striped" style="font-size: 0.9rem;">
                        <thead>
                        <tr>
                            <th colspan="2">Required columns</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% if organization.number_scheme == 'S' %}
                            <tr>
                                <td><code>part_class</code> <em>or</em> <code>part_number</code></td>
                                <td>A class code to number the part for you, or a full number like
                                    <code>{{ organization.example_part_number }}</code></td>
                            </tr>
                        {% else %}
                            <tr>
                                <td><code>part_number</code></td>
                                <td>Any unique number, e.g. <code>{{ organization.example_part_number }}</code></td>
                            </tr>
                        {% endif %}
                        <tr>
                            <td><code>revision</code></td>
                            <td>Up to 4 characters</td>
                        </tr>
                        <tr>
                            <td><code>description</code></td>
                            <td>Up to 255 characters</td>
                        </tr>
                        </tbody>
                        <thead>
                        <tr>
                            <th colspan="2">Optional columns</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><code>manufacturer_name</code><br><code>manufacturer_part_number</code></td>
                            <td>Include both to attach a manufacturer part</td>
                        </tr>
                        <tr>
                            <td><code>seller</code>, <code>unit_cost</code>,<br><code>nre_cost</code></td>
                            <td>Include all three (plus manufacturer) for sourcing</td>
                        </tr>
                        <tr>
                            <td><code>property_&lt;code&gt;</code></td>
                            <td>Custom properties defined in Settings</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <div class="col s12 m6">
                    {% include 'bom/starter-part-classes-prompt.html' %}

                    <div class="card-panel">
                        <form action="{% url 'bom:upload-parts' %}" method="post" enctype="multipart/form-data">
                            {% csrf_token %}
                            <div class="file-field input-field">
                                <div class="green lighten-1 btn">
                                    <span>Choose file</span>
                                    {{ form.file }}
                                </div>
                                <div class="file-path-wrapper">
                                    <input class="file-path validate" type="text" placeholder="Select a CSV file…">
                                    {{ form.file.errors }}
                                </div>
                            </div>
                            <div style="margin-top: 8px;">
                                <input class="green lighten-1 btn" type="submit" value="Upload"/>
                            </div>
                        </form>
                </div>
                </div>
            </div>
            <p style="margin-top: 8px; font-size: 0.85rem;">
                <a href="{% url 'bom:upload-parts-help' %}" target="_blank">Full column reference <i
                        class="material-icons"
                        style="font-size: 1em; vertical-align: middle;">open_in_new</i></a></p>

        {% else %}
            {% include 'bom/nothing-to-see.html' with required_privilege='Admin' %}
        {% endif %}
    </div>
{% endblock %}