{% extends "order/order_base.html" %}

{% load inventree_extras %}
{% load i18n %}
{% load static %}
{% load markdownify %}

{% block menubar %}
{% include 'order/po_navbar.html' with tab='notes' %}
{% endblock %}

{% block heading %}
{% trans "Order Notes" %}
{% if roles.purchase_order.change and not editing %}
<button title='{% trans "Edit notes" %}' class='btn btn-default' id='edit-notes'><span class='fas fa-edit'></span></button>
{% endif %}
{% endblock %}

{% block details %}

{% if editing %}
<form method='POST'>
    {% csrf_token %}

    {{ form }}
    <hr>
    <button type="submit" class='btn btn-default'>{% trans "Save" %}</button>
</form>

{{ form.media }}

{% else %}

<div class='panel panel-default'>
    <div class='panel-content'>
        {{ order.notes | markdownify }}
    </div>
</div>
{% endif %}

{% endblock %}

{% block js_ready %}

{{ block.super }}

{% if editing %}
{% else %}
$("#edit-notes").click(function() {
    location.href = "{% url 'po-notes' order.id %}?edit=1";
});
{% endif %}

{% endblock %}