{% load i18n %}

<div class="card mb-3">
    <div class="table-responsive">
        <div class="card-body bg-secondary rounded">
            <header class="card-header bg-primary rounded-top">
                <h3 class="me-3">{% translate "Storage" %}</h3>
            </header>
            <table class="table table-striped table-hover" id="storage-table">
                <thead>
                    <tr>
                        <th>{% translate "Product" %}</th>
                        <th>{% translate "Product Name" %}</th>
                        <th>{% translate "Amount" %}</th>
                    </tr>
                </thead>
                <tbody class="modal-storage-table-body">
                    <!-- Storage -->
                </tbody>
            </table>
        </div>
    </div>
</div>