{% extends "base.html" %}  

{% block title %}Timbres{% endblock title %}
  
{% block titlePage %}
Timbres disponibles Comercio Digital: {{saldo.saldo}} 
{% endblock titlePage %}

{% block content %}

<table class="table">
    <thead>
      <tr>

        <th scope="col">        
          <input id="table_rfcc" name="rfcc" value="True" type="checkbox" class="form-check-input" >
          Cliente RFC 
        </th>
        <th>Nombre</th>
        <th>Totales Mes {{fecha|date:"F"}}</th>
        <th>Estado</th>
        <th scope="col">actions</th>
      </tr>
    </thead>
    <tbody>
      {% for obj in lista %}
        <tr class="{% if not obj.Activo %}table-danger{% endif %}">
            <td>
              <a href="{% url 'update_cliente' obj.pk %}">{{obj.RFC}}</a>              
            </td>
            <td>{{obj.Nombre}} </td>
            <td>{{obj.timbres_mes_count}}</td>
            
            <td>
              {% if obj.Activo %}
                Activo
              {% else %} 
                Inactivo
              {% endif %}
            </td>
          
            <td>              
                {% if request.user.is_staff %}
                  <a  href="{% url 'timbres_cliente' obj.RFC %}" class="btn btn-info">Ver Timbres</a>
                {% endif %}
            </td>
        </tr>
      {% endfor %}    
    </tbody>
</table>
{% endblock content %}
  
{% block scripts %}
<script>
  table_rfcc.addEventListener('click',(event)=>{
    document.getElementById('rfcc').checked= table_rfcc.checked? true:false;
  })
  

</script>

{% endblock scripts %}