{% extends 'base_logado.html' %}

{% load static widget_tweaks %}

{% block 'title' %}Editar Área{{ area.descricao }}{% endblock %}

{% block 'breadcrumb' %}
<li class="breadcrumb-item">
  <a href="{% url 'painel' %}">Painel</a>
</li>
<li class="breadcrumb-item">
  <a href="{% url 'cliente:areas_atuacao_listar' %}">Áreas de atuação</a>
</li>
<li class="breadcrumb-item active">Editar Área: {{ area.descricao }}</li>
{% endblock %}

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

<div class="row">
  <div class="col-12">
    <div class="card mb-3">
      <div class="card-header">Informações da área</div>
      <div class="card-body">
        <form action="{% url 'cliente:areas_atuacao_editar' pk=area.id %}" method="POST">
          {% csrf_token %}
          <div class="form-group">
            <label for="{{ form.descricao.id_for_label }}">Descrição</label>
            {{ form.descricao|add_class:"form-control col-6" }}
          </div>
          <div class="form-group">
            <label for="{{ form.noticia.id_for_label }}">Notícia</label>
            {{ form.noticia|add_class:"col-1" }}
          </div>
          <div class="form-group">
            <label for="{{ form.comemorativa.id_for_label }}">Data comemorativa</label>
            {{ form.comemorativa|add_class:"col-1" }}
          </div>
        <div class="form-group">
        <label for="{{ form.tags.id_for_label }}">Tags:</label>
        {{ form.tags|add_class:"form-control col-6" }}
        </div>
        <div class="form-group">
        <label for="{{ form.tipo.id_for_label }}">Tipo:</label>
        {{ form.tipo|add_class:"form-control col-6" }}
        </div>
        <div class="form-group">
        <label for="{{ form.data_criacao.id_for_label }}">Data criação:</label>
        {{ form.data_criacao|add_class:"form-control col-6" }}
        </div>
          <div class="form-group">
            <button type="submit" class="btn btn-primary">
              <i class="fa fa-save"></i> Salvar
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}