{% extends "layout/basic.html" %}
{% block content %}
<style>
html.theme--dark .mistake-reflection-cause {
  color-scheme: dark;
  color: var(--hub-text, #eee);
  border-color: var(--hub-border, #323232);
  background-color: var(--hub-input-bg, #1f1f1f);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1000 1000%22%3E%3Cpath fill=%22%23bdbdbd%22 d=%22m250 417 250 250 250-250-83-84-167 167-167-167-83 84z%22/%3E%3C/svg%3E") !important;
}
html.theme--dark .mistake-reflection-cause:not(:disabled):not(:focus):hover {
  border-color: var(--hub-muted, #4a4a4a);
  background-color: var(--hub-nav-hover, #292929);
}
html.theme--dark .mistake-reflection-cause:disabled {
  color: var(--hub-muted, #9ca3af);
  cursor: not-allowed;
}
html.theme--dark .mistake-reflection-cause option,
html.theme--dark .mistake-reflection-cause optgroup {
  color: #eee;
  background-color: #1f1f1f;
}
html.theme--dark .mistake-reflection-cause option:checked {
  color: #fff;
  background-color: #245b9e;
}
</style>
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{% if doc %}{{ _('编辑错因总结') }}{% else %}{{ _('填写错因总结') }}{% endif %}</h1>
        {% if contentFavorite and contentFavorite.canUse %}
        <form method="post" action="{{ contentFavorite.toggleUrl }}" style="margin:0;">
          <input type="hidden" name="csrfToken" value="{{ contentFavorite.csrfToken }}">
          <button class="button rounded small {% if contentFavorite.collected %}primary{% endif %}" type="submit"
            name="operation" value="{% if contentFavorite.collected %}remove{% else %}add{% endif %}">
            <span class="icon icon-star"></span>
            {% if contentFavorite.collected %}已收藏{% else %}收藏总结{% endif %}
          </button>
        </form>
        {% endif %}
      </div>
      <div class="section__body">
        <blockquote class="warn">{{ _('本题 AC 后需要完成错因总结，完成后才会计入本题 AC 和课程进度。') }}</blockquote>
        <form method="post">
          <label>{{ _('题号') }}<input class="textbox" name="pid" value="{{ pid }}"></label>
          <label>{{ _('错因类型') }}
            <select class="select mistake-reflection-cause" name="cause">
              {% for item in causes %}
              <option value="{{ item[0] }}" {% if doc and doc.cause == item[0] %}selected{% endif %}>{{ item[1] }}</option>
              {% endfor %}
            </select>
          </label>
          <label>{{ _('我修正了什么') }}<textarea class="textbox" name="fix" data-markdown style="height:140px">{{ doc.fix|default('') }}</textarea></label>
          <label>{{ _('下次遇到类似题我会怎么做') }}<textarea class="textbox" name="next" data-markdown style="height:140px">{{ doc.next|default('') }}</textarea></label>
          <label>{{ _('补充备注') }}<textarea class="textbox" name="note" data-markdown style="height:100px">{{ doc.note|default('') }}</textarea></label>
          <button class="rounded primary button" type="submit">{{ _('保存并计入 AC') }}</button>
          {% if doc %}<button class="rounded button" name="operation" value="delete" type="submit">{{ _('删除') }}</button>{% endif %}
        </form>
      </div>
    </div>
  </div>

</div>
{% endblock %}