{% extends 'base.html' %}
{% load static %}
{% block title %}WManager Bonificação{% endblock %}

{% block content %}
<h3 class="mt-4 mb-5">Bonificacao Registrada</h3>
<div class="table-responsive">

<table id="paginator2" class="table table-hover border border-secondary rounded">
    <thead class="thead-dark">
      <tr>
        <th scope="col">Ativo</th>
        <th scope="col">Data</th>
        <th scope="col">A Cada</th>
        <th scope="col">Bônus Recebido</th>
        <th scope="col">Custo Atribuído</th>
        <th scope="col"></th>
      </tr>
    </thead>
    <tbody>
    {% for b in object_list %}
     <tr>    
        <th scope="row">{{b.ativo}}</th>
        <td>{{b.data}}</td>
        <td>{{b.a_cada}}</td>
        <td>{{b.recebo_bonus_de}}</td> 
        <td>{{b.custo_atribuido}}</td> 
        <td>
            <a href="{% url 'excluir-bonificacao' b.pk %}" class="btn btn-danger btn-sm" title="Excluir">
              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-trash" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
                <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
              </svg>
            </a>
          </td>     
     </tr>
    {% empty %}
      <tr>        
        <td colspan="11">Nenhum registro encontrado.</td>
      </tr>
     {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}