{% extends "base.html" %}
{% load bootstrap3 origin %}

{% block morecss %}
  #preview { width: 100%; height: 60vh; border: solid 2px; }
{% endblock %}

{% block title %}
  Import Preview: {% firstof note.get_title note.id %}
{% endblock %}

{% block content %}
  {% origin %}
  <h1>Import Preview: {% firstof note.get_title note.id %}</h1>
  <div class="row">
    <div class="col-md-11">
      <p class="pull-left">Last updated: {% firstof note.get_update_time "unknown" %}</p>
      <p class="pull-right"><a href="{{ note.url }}">View on notes.ietf.org</a></p>
      <iframe id="preview" srcdoc="{{ note.get_preview|force_escape }}" sandbox>
        <p>Your browser does not support iframes, so preview cannot be shown.</p>
      </iframe>
    </div>
  </div>
  <div class="row">
    <div class="col-md-11">
      <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {% bootstrap_form form %}
        {% buttons %}
          <button type="submit" class="btn btn-primary pull-left" {% if not contents_changed %}disabled{% endif %}> Import </button>
          <a class="btn btn-default pull-right" href="{% url 'ietf.meeting.views.session_details' num=session.meeting.number acronym=session.group.acronym %}"> Back </a>
        {% endbuttons %}
      </form>
    </div>
  </div>
{% endblock %}