{% 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">{% trans "Extractors" %}</h3>
            </header>
            <table class="table table-striped table-hover" id="extractors-table">
                <thead>
                    <tr>
                        <th>{% trans "Product" %}</th>
                        <th>{% trans "Install Time" %}</th>
                        <th>{% trans "Expiry Time" %}</th>
                        <th>{% trans "Progress" %}</th>
                    </tr>
                </thead>
                <tbody class="modal-extractors-table-body">
                    <!-- Extractors -->
                </tbody>
            </table>
        </div>
    </div>
</div>