{% extends 'shared/base.html' %}
{% load custom_filters %}
{% load static %}
{% block content %}
<div id="messages" class="col-md-12">
  {% for message in messages %}
  <div class="alert alert-dismissible fade show {% if message.tags == 'success' %}alert-success {% elif message.tags == 'error' %}alert-danger {% endif %}">
    {{ message }}
  </div>
  {% endfor %}
</div>
<div class="content">
  <div class="card my-2">
    <div class="card-body bg-success bg-gradient text-white rounded-2">
      <div class="row flex-between-center">
        <div class="col-md d-flex align-items-center">
          <h5 class="mb-2 mb-md-0">Suas Notas</h5>
        </div>
        <div class="col-auto">
          <a href="{% url 'criar_nota' %}">
            <button class="btn btn-light me-1 mb-1" type="button">Criar Nova Nota <span class="fas fa-plus me-1" data-fa-transform="shrink-3"></span></button>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-body">
      <div class="canvas-wrapper">
        <div class="row g-3 mb-4">
          <h2 class="mb-3">{{ form.instance.pk|yesno:"Editar Nota,Criar Nova Nota" }}</h2>
          <form method="post">
            {% csrf_token %}
            {{ form.media }}
            <div class="mb-3">
              {{ form.titulo.label_tag }}<br>
              {{ form.titulo }}
            </div>
            <div class="mb-3">
              {{ form.conteudo.label_tag }}<br>
              {{ form.conteudo }}
            </div>
            <button type="submit" class="btn btn-primary">Salvar</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}