{% extends 'base_logado.html' %}

{% load static %}

{% block 'title' %}Listar Áreas de Atuação{% endblock %}

{% block 'breadcrumb' %}
<li class="breadcrumb-item">
  <a href="{% url 'painel' %}">Painel</a>
</li>
<li class="breadcrumb-item active">Áreas de Atuação</li>
{% endblock %}

{% block 'content-painel' %}
<div class="row">
  <div class="col-12">
    <h1>Áreas de Atuação</h1>
  </div>
</div>

<div class="row">
  <div class="col-12">
    <div class="card mb-3">
      <div class="card-header">
        Áreas cadastradas
        <a class="btn btn-success btn-sm pull-right" href="{% url 'cliente:areas_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>Notícia</th>
                <th>Tags</th>
                <th>Tipo</th>
                <th>Ações</th>
              </tr>
            </thead>
            <tbody>
              {% for area in areas_atuacao %}
              <tr>
                <td>{{ area.id }}</td>
                <td>{{ area.descricao }}</td>
                <td>{{ area.noticia|yesno:"Sim, Não" }}</td>
                <td>
                  {% for tag in area.tags.all %}
                    <span class="badge badge-primary">{{ tag.descricao }}</span>
                  {% endfor %}
                </td>
                <td>{{ area.tipo|default_if_none:"" }}</td>
                <td>
                  <a class="btn btn-link" href="{% url 'cliente:areas_atuacao_editar' pk=area.id %}">
                    <i class="fa fa-edit"></i> Editar
                  </a>
                  <form action="{% url 'cliente:areas_atuacao_apagar' pk=area.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 %}