{% extends 'base_logado.html' %}

{% load static %}

{% block 'title' %}Listar Tags{% endblock %}

{% block 'breadcrumb' %}
<li class="breadcrumb-item">
  <a href="{% url 'painel' %}">Painel</a>
</li>
<li class="breadcrumb-item active">Tags</li>
{% endblock %}

{% block 'content-painel' %}
<div class="row">
  <div class="col-12">
    <h1>Tags</h1>
  </div>
</div>

<div class="row">
  <div class="col-12">
    <div class="card mb-3">
      <div class="card-header">
        Tags cadastradas
        <a class="btn btn-success btn-sm pull-right" href="{% url 'cliente:tags_area_atuacao_cadastrar' %}">Nova</a>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
            <thead>
              <tr>
                <th>ID</th>
                <th>Descrição</th>
                <th>Ações</th>
              </tr>
            </thead>
            <tbody>
              {% for tag in tags %}
              <tr>
                <td>{{ tag.id }}</td>
                <td>{{ tag.descricao }}</td>
                <td>
                  <a class="btn btn-link" href="{% url 'cliente:tags_area_atuacao_editar' pk=tag.id %}">
                    <i class="fa fa-edit"></i> Editar
                  </a>
                  <form action="{% url 'cliente:tags_area_atuacao_apagar' pk=tag.id %}" method="post" class="d-inline">
                  {% csrf_token %}
                  <button type="submit" value="Apagar" class="btn btn-link" onclick="return confirm('Tem certeza que deseja excluir este item?')">
                      <i class="fa fa-trash"></i> Apagar
                  </button>
                  </form>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block 'footer' %}
<script src="{% static 'painel/js/sb-admin-datatables.min.js' %}"></script>
{% endblock %}