{% extends "pneus.html" %}
{% block tabela %}

    <div class="table-responsive">
        <table class="table table-hover text-nowrap">
            <thead class="table bg-main-1 text-white">
                <tr>
                    <th class="dado-texto" scope="col">Marca de Fogo</th>
                    <th class="dado-texto" scope="col">Marca</th>
                    <th class="dado-texto" scope="col">Modelo</th>
                    <th class="dado-extra" scope="col">Data Compra</th>
                    <th class="dado-numerico" scope="col">Valor Compra</th>
                    <th class="dado-texto" scope="col">Veículo</th>
                    <th class="dado-extra" scope="col">Entrada</th>
                    <th class="dado-extra" scope="col">Saida</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="dado-texto" scope="row">Fogo X</td>
                    <td class="dado-texto">Fogo</td>
                    <td class="dado-texto">Turbo 3000</td>
                    <td class="dado-extra">10/01/2024</td>
                    <td class="dado-numerico">45.000,00</td>
                    <td class="dado-texto">Toyota Corolla - ABC-1234</td>
                    <td class="dado-extra">29/08/2023</td>
                    <td class="dado-extra">10/09/2023</td>
                </tr>
                <tr class="bg-form">
                    <td class="dado-texto" scope="row">Fogo Pro</td>
                    <td class="dado-texto">Fogo</td>
                    <td class="dado-texto">Maxima 500</td>
                    <td class="dado-extra">15/02/2023</td>
                    <td class="dado-numerico">30.000,00</td>
                    <td class="dado-texto">Honda Civic - XYZ-5678</td>
                    <td class="dado-extra">22/11/2024</td>
                    <td class="dado-extra">27/11/2024</td>
                </tr>
                <tr>
                    <td class="dado-texto" scope="row">Fogo Plus</td>
                    <td class="dado-texto">Fogo</td>
                    <td class="dado-texto">Speedster X</td>
                    <td class="dado-extra">22/03/2024</td>
                    <td class="dado-numerico">60.000,00</td>
                    <td class="dado-texto">Volkswagen Gol - QWE-4321</td>
                    <td class="dado-extra">06/12/2024</td>
                    <td class="dado-extra">12/12/2024</td>
                </tr>
                <tr class="bg-form">
                    <td class="dado-texto" scope="row">Fogo Xtreme</td>
                    <td class="dado-texto">Fogo</td>
                    <td class="dado-texto">X-Force</td>
                    <td class="dado-extra">01/05/2022</td>
                    <td class="dado-numerico">50.000,00</td>
                    <td class="dado-texto">Chevrolet Onix - LMN-8765</td>
                    <td class="dado-extra">05/04/2023</td>
                    <td class="dado-extra">10/04/2023</td>
                </tr>
            </tbody>
        </table>
    </div>

{% endblock %}