{% extends "monitor/base.html" %}
{% block title %}{% if check %}Edit {{ check.name }}{% else %}New check{% endif %}{% endblock %}
{% block content %}
<p class="crumbs"><a href="{% url 'dashboard' project.slug %}">&larr; {{ project.name }}</a></p>
<h1>{% if check %}Edit {{ check.name }}{% else %}New check{% endif %}</h1>
<form method="post" class="card form" id="check-form" data-preview-url="{% url 'cron_preview' %}">
  {% csrf_token %}
  {{ form.non_field_errors }}
  {% for field in form %}
  <div class="field {% if field.errors %}has-error{% endif %}" data-field="{{ field.name }}">
    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
    {{ field }}
    {% if field.help_text %}<small class="muted">{{ field.help_text }}</small>{% endif %}
    {{ field.errors }}
  </div>
  {% endfor %}
  <div class="preview" id="preview" aria-live="polite"></div>
  <button class="btn primary">Save</button>
</form>
{% endblock %}
{% block scripts %}{% load static %}<script type="module" src="{% static 'monitor/preview.js' %}"></script>{% endblock %}