{% extends 'layout.html' %}
{% block content %}
<h2>Compose</h2>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="ui {{ category }} message">
  {{ message }}
</div>
{% endfor %}
{% endif %}
{% endwith %}
<div class="ui form">
  <form method="POST" action="{{ url_for('query', env=current_env) }}">
    {{ form.csrf_token }}
    <div class="field {% if form.query.errors %} error {% endif %}">
      {{ form.query(autofocus="autofocus", rows=5, placeholder="nodes { certname = \"hostname\" }") }}
    </div>
    <div class="inline fields">
      <div class="field">
        API Endpoint: {{ form.endpoints() }}
      </div>
      <div class="field">
        {{ form.rawjson(active=True) }} Raw JSON
      </div>
      <input type=submit class="ui submit button" value='Submit'>
      <input type=reset class="ui red submit button" value='Cancel'>
    </div>
  </form>
</div>

{% if result %}
<div class="row">
  <div class="span12">
    <h2>Result</h2>
      {% if form.rawjson.data %}
      <pre><code>{{ result|jsonprint }}</code></pre>
      {% else %}
      {% autoescape false %}
      {{ result|prettyprint}}
      {% endautoescape %}
      {% endif %}
  </div>
</div>
{% endif %}
{% endblock content %}
