{% extends "estoque.html" %}
{% block tabela %}
<div class="table-responsive p-0">
    <table class="table table-hover text-nowrap">
        <thead class="table bg-main-1 text-white">
            <tr>
                <th class="dado-numerico" scope="col">Codigo</th>
                <th class="dado-texto" scope="col">Grupo</th>
                <th class="dado-texto" scope="col">Descrição</th>
                <th class="dado-numerico" scope="col">Quantidade</th>
                <th class="dado-extra" scope="col">Entrada</th>
                <th class="dado-extra" scope="col">Saida</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="dado-numerico">101</td>
                <td class="dado-texto">Parafuso</td>
                <td class="dado-texto">Parafuso de aço inox M6</td>
                <td class="dado-numerico">150</td>
                <td class="dado-extra">10/11/2024</td>
                <td class="dado-extra">15/11/2024</td>
            </tr>
            <tr class="bg-form">
                <td class="dado-numerico">102</td>
                <td class="dado-texto">Porca</td>
                <td class="dado-texto">Porca sextavada para parafuso M6</td>
                <td class="dado-numerico">200</td>
                <td class="dado-extra">12/11/2024</td>
                <td class="dado-extra">18/11/2024</td>
            </tr>
            <tr>
                <td class="dado-numerico">103</td>
                <td class="dado-texto">Arruela</td>
                <td class="dado-texto">Arruela lisa M6</td>
                <td class="dado-numerico">300</td>
                <td class="dado-extra">13/11/2024</td>
                <td class="dado-extra">19/11/2024</td>
            </tr>
            <tr class="bg-form">
                <td class="dado-numerico">104</td>
                <td class="dado-texto">Rolamento</td>
                <td class="dado-texto">Rolamento 6204 para motor</td>
                <td class="dado-numerico">50</td>
                <td class="dado-extra">14/11/2024</td>
                <td class="dado-extra">20/11/2024</td>
            </tr>
            <tr>
                <td class="dado-numerico">105</td>
                <td class="dado-texto">Lubrificante</td>
                <td class="dado-texto">Lubrificante multiuso WD-40</td>
                <td class="dado-numerico">25</td>
                <td class="dado-extra">16/11/2024</td>
                <td class="dado-extra">22/11/2024</td>
            </tr>
        </tbody>
    </table>
</div>
{% endblock tabela %}