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

{% load static %}
{% load materializecss %}

{% 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 perms.bom.create_part %}
            <div class="row">
                <form name="form" action="{% url 'bom:create-part' %}" method="post" enctype="multipart/form-data"
                      class="col s12">
                    {% csrf_token %}
                    <h2>Part Number</h2>
                    {% if organization.number_scheme == 'S' %}
                    <p class="grey-text text-darken-1">Part numbers follow the format
                        <strong>CCC-{{ organization.number_ns }}-VV</strong>: class, item, and variation. Manage part
                        classes and the item length in <a href="{% url 'bom:settings' tab_anchor='indabom' %}">Settings &rarr;
                        IndaBOM</a>.</p>
                    {% endif %}
                    <div class="row">
                        {{ part_form.non_field_errors }}
                        {{ manufacturer_part_form.non_field_errors }}
                    </div>
                    <div class="row">
                        {{ part_form|materializecss:'m4 s12' }}
                    </div>
                    <hr>
                    <h3>Initial Revision</h3>
                    <div class="row">
                        {{ part_revision_form|materializecss:'m4 s12' }}
                    </div>
                    {#                    {% include 'bom/part-revision-display.html' with part_revision_form=part_revision_form %}#}
                    <h3>Sourcing <small>(Optional)</small></h3>
                    <p class="grey-text text-darken-1">Link a manufacturer part number to enable sourcing and pricing.
                        Optional now &mdash; you can add or edit sourcing anytime from the part page.</p>
                    <div class="row">
                        {{ manufacturer_part_form.manufacturer|materializecss:'m4 s12' }}
                        {{ manufacturer_part_form.manufacturer_part_number|materializecss:'m4 s12' }}
                        {{ manufacturer_part_form.link|materializecss:'m4 s12' }}
                        {{ manufacturer_part_form.datasheet_url.as_hidden }}
                        {{ manufacturer_part_form.sourcing_disable.as_hidden }}
                    </div>
                    <div class="row">
                        <div class="col s6">
                            <a href="javascript:history.back()" class="waves-effect waves-light btn-flat grey-text lighten-1" style="margin-left: -16px;">Cancel</a>
                        </div>
                        <div class="col s6 right-align">
                            <button class="waves-effect waves-light btn btn-primary" type="submit" name="action">Save
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        {% else %}
            {% include 'bom/nothing-to-see.html' with required_privilege='Admin' %}
        {% endif %}
    </div>
{% endblock %}