{% extends "main.html" %}

{% block title %} Items {% endblock %}

{% block content %}

<h3>{{item.name}}</h3>
<p>Reorder at: {{item.reorder_point}}</p>
<p>Amount in stock: {{item.amount}} {{item.display_unit_short}}</p>

<div hx-get="/item/{{item_id}}/adjustments" hx-trigger="load" hx-swap="outerHTML">
</div>

<div hx-get="/item/{{item_id}}/adjustment/new" hx-trigger="load" hx-swap="outerHTML">
</div>

{% endblock %}