{% extends 'private_template.html' %}
{% load static %}

{% block titulo %}Makarios | Notícias{% endblock %}

{% block header %}
  {% include 'public_header.html' %}
{% endblock %}

{% block content %}
<div id="formulario-externo" class="central_pane p-0 pt-5">
  <div class="card col-md-8 mx-auto mt-5 p-0">
    <div id="card-panel" class="card col-md card-main mb-0">
      <div class="card-body col-md mt-3">
        <h2 class="mb-4">{{ titulo }}</h2>

        {% if form.errors %}
          <div class="alert alert-danger">Corrija os campos em destaque.</div>
        {% endif %}

        <form method="post" enctype="multipart/form-data">
          {% csrf_token %}

          <div class="row">
            <div class="col-md-12 mb-3">
              <label for="{{ form.title.id_for_label }}">Título</label>
              <div class="input-group">
                {{ form.title }}
                <div class="input-group-append">
                  <div class="input-group-text"><span class="fas fa-heading"></span></div>
                </div>
              </div>
              {% if form.title.errors %}<small class="text-danger">{{ form.title.errors.0 }}</small>{% endif %}
            </div>

            <div class="col-md-12 mb-3">
              <label for="{{ form.text.id_for_label }}">Texto</label>
              <div class="input-group">
                {{ form.text }}
                <div class="input-group-append">
                  <div class="input-group-text"><span class="fas fa-align-left"></span></div>
                </div>
              </div>
              {% if form.text.errors %}<small class="text-danger">{{ form.text.errors.0 }}</small>{% endif %}
            </div>

            <div class="col-md-12 mb-3">
              <label for="{{ form.file.id_for_label }}">Arquivo (opcional)</label>
              <div class="input-group">
                {{ form.file }}
                <div class="input-group-append">
                  <div class="input-group-text"><span class="fas fa-file-upload"></span></div>
                </div>
              </div>
              {% if form.file.errors %}<small class="text-danger">{{ form.file.errors.0 }}</small>{% endif %}

              {% if form.instance.pk and form.instance.file %}
                <div class="mt-2">
                  <a href="{{ form.instance.file.url }}" target="_blank">
                    <i class="fas fa-file mr-1"></i> Ver arquivo atual
                  </a>
                </div>
              {% endif %}
            </div>

            <div class="col-md-6 mb-3">
              <label class="d-block">Status</label>
              <div class="custom-control custom-switch">
                {{ form.is_published }}
                <label class="custom-control-label" for="id_is_published">
                  <i class="fas fa-check-circle mr-1"></i> Publicada?
                </label>
              </div>
              {% if form.is_published.errors %}
                <small class="text-danger">{{ form.is_published.errors.0 }}</small>
              {% endif %}
            </div>

          </div>

          <div class="row justify-content-between mt-3">
            <div class="col-md-4">
              <a href="{% url 'listar_noticias' %}" class="btn btn-dark btn-block">Cancelar</a>
            </div>
            <div class="col-md-4 offset-md-4">
              <button type="submit" class="btn btn-warning btn-block">Salvar</button>
            </div>
          </div>

        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}