{% extends 'base_logado.html' %}

{% load static %}

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

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

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

<div class="row">
  <div class="col-12">
    <div class="card mb-3">
      <div class="card-header">
        Tipos cadastrados
        <a class="btn btn-success btn-sm pull-right" href="{% url 'cliente:tipos_area_atuacao_cadastrar' %}">Novo</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 tipo in tipos %}
              <tr>
                <td>{{ tipo.id }}</td>
                <td>{{ tipo.descricao }}</td>
                <td>
                  <a class="btn btn-link" href="{% url 'cliente:tipos_area_atuacao_editar' pk=tipo.id %}">
                    <i class="fa fa-edit"></i> Editar
                  </a>
                </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 %}