inventory/templates/inventory.html

<!-- templates/inventory.html -->
{% extends "layout.html" %}

{% import "_breadcrumb_fragment.html" as breadcrumbs %}
{% import "_table_fragment.html" as tables %}

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

{% block content %}
{{ breadcrumbs.breadcrumb_header(
breadcrumbs=[
{'label': "Inventory", 'url': url_for('main.list_inventory')}
],
title=title,
submit_button=False) }}

<div class="container">
    <form action="POST">
        <div class="row">
            <div class="col-6">
                <label for="timestamp" class="form-label">Date Entered</label>
                <input type="date" class="form-control" name="timestamp"
                    value="{{ item.timestamp.date().isoformat() }}">
            </div>
            <div class="col-6">
                <label for="identifier" class="form-label">Identifier</label>
                <input type="text" class="form-control-plaintext" value="{{ item.identifier }}" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                <label for="inventory_name" class="form-label">Inventory #</label>
                <input type="text" class="form-control" name="inventory_name" placeholder="-"
                    value="{{ item.inventory_name if item.inventory_name else '' }}">
            </div>
            <div class="col-4">
                <label for="serial" class="form-label">Serial #</label>
                <input type="text" class="form-control" name="serial" placeholder="-"
                    value="{{ item.serial if item.serial else '' }}">
            </div>
            <div class="col-4">
                <label for="barcode" class="form-label">Bar Code #</label>
                <input type="text" class="form-control" name="barcode" placeholder="-"
                    value="{{ item.barcode if item.barcode else '' }}">
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                <label for="brand" class="form-label">Brand</label>
                <input list="brandList" id="brand" name="brand" class="form-control" placeholder="-"
                    value="{{ item.brand.name }}">
                <input type="hidden" id="brandId">
                <datalist id="brandList">
                    {% for brand in brands %}
                    <option data-id="{{ brand.id }}" value="{{ brand.name }}"></option>
                    {% endfor %}
                </datalist>
            </div>
            <div class="col-4">
                <label for="model" class="form-label">Model</label>
                <input type="text" class="form-control" name="model" placeholder="-" value="{{ item.model }}">
            </div>
            <div class="col-4">
                <label for="category" class="form-label">Category</label>
                <input type="text" class="form-control" name="category" placeholder="-"
                    value="{{ item.item.description }}">
            </div>
        </div>
        <div class="row">
            <div class="col-4">
                <label for="owner" class="form-label">Contact</label>
                <input list="userList" id="owner" class="form-control" name="owner" placeholder="-"
                    value="{{ item.owner.full_name }}" data-datalist-bind="#userList" data-hidden-target="#userId">
                <input type="hidden" id="userId">
                <datalist id="userList">
                    {% for user in users %}
                    <option data-id="{{ user.id }}" value="{{ user.full_name }}"></option>
                    {% endfor %}
                </datalist>
            </div>
            <div class="col-4">
                <label for="location" class="form-label">Location</label>
                <input list="roomList" id="location" class="form-control" name="location" placeholder="-"
                    value="{{ item.location.full_name }}" data-datalist-bind="#roomList" data-hidden-target="#roomId">
                <input type="hidden" id="roomId">
                <datalist id="roomList">
                    {% for room in rooms %}
                    <option data-id="{{ room.id }}" value="{{ room.full_name }}"></option>
                    {% endfor %}
                </datalist>
            </div>
            <div class="col-2">
                <label for="condition" class="form-label">Condition</label>
                <select name="condition" id="" class="form-select" value="{{ item.condition }}">
                    {% for condition in ["Working", "Deployed", "Partially Inoperable", "Inoperable", "Unverified",
                    "Removed", "Disposed"] %}
                    <option value="{{ condition }}">{{ condition }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-2 d-flex align-items-center justify-content-center" style="margin-top: 1.9rem;">
                <div class="form-check mb-0">
                    <input type="checkbox" class="form-check-input" id="shared" name="shared" {% if item.shared
                        %}checked{% endif %}>
                    <label for="shared" class="form-check-label">Shared?</label>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-{% if worklog %}6{% else %}12{% endif %}">
                <label for="notes" class="form-label">Notes &amp; Comments</label>
                <textarea name="notes" id="notes" class="form-control"
                    rows="10">{{ item.notes if item.notes else '' }}</textarea>
            </div>
            {% if worklog %}
            <div class="col-6">
                {{ tables.render_table(worklog_headers, worklog_rows, 'worklog_entry', 'Work Log') }}
                {% if worklog_pagination['total_pages'] > 1 %}
                {{ tables.render_pagination(
                page=worklog_pagination['page'],
                has_prev=worklog_pagination['has_prev'],
                has_next=worklog_pagination['has_next'],
                total_pages=worklog_pagination['total_pages'],
                endpoint='main.inventory_item',
                page_variable='worklog_page',
                extra_args={'id': item.id, 'worklog_page': worklog_page}
                ) }}
                {% endif %}
            </div>
            {% endif %}
        </div>
    </form>
</div>
{% endblock %}