{% 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-texto" scope="col">Status</th>
                <th class="dado-texto" scope="col">Situação</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">Posição</th>
                <th class="extra"><i scope="col"></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-texto">Ativo</td>
                <td class="dado-texto">Em uso</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">1º</td>
                <td class="extra"><i id="icon" class="fas fa-pen text-warning ml-3"></i> <i id="icon" class="fas fa-minus-circle text-red ml-3"></i></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-texto">Inativo</td>
                <td class="dado-texto">Não utilizado</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">2º</td>
                <td class="extra"><i id="icon" class="fas fa-pen text-warning ml-3"></i> <i id="icon" class="fas fa-minus-circle text-red ml-3"></i></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-texto">Ativo</td>
                <td class="dado-texto">Em uso</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">3º</td>
                <td class="extra"><i id="icon" class="fas fa-pen text-warning ml-3"></i> <i id="icon" class="fas fa-minus-circle text-red ml-3"></i></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-texto">Inativo</td>
                <td class="dado-texto">Não utilizado</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">4º</td>
                <td class="extra"><i id="icon" class="fas fa-pen text-warning ml-3"></i> <i id="icon" class="fas fa-minus-circle text-red ml-3"></i></td>
            </tr>
        </tbody>
    </table>
</div>

{% endblock %}