{% extends "tables/editor_table.html" %}
{% block table_body %}
{% for idx in range(0, length) %}
  <tbody>
    <tr>
      <td class="table__data">{{ idx }}</td>
      <td class="table__data">{{ blogs[idx].title }}</td>
      <td class="table__data">1</td>
      <td class="table__data">on</td>
      <td>
        <div class="d-flex justify-content-center">
          <a class="m-1 btn__edit" href="{{ url_for('editor.editor', url=blogs[idx].url) }}"><i class="fas fa-edit"></i></a>
          <form action="{{ url_for('blogs.remove', url=blogs[idx].url) }}" method="POST" class="m-1 inline_block">
            <button class="btn__delete" type="submit" value="delete"><i class="fas fa-trash-alt"></i></button>
          </form>
        </div>
      </td>
    </tr>
  </tbody>
{% endfor %}
{% endblock table_body %}
{% block modal_body %}
  <form action="{{ url_for('blogs.create') }}" method="POST" enctype="multipart/form-data">
    <div class="form-group">
      {{ form.title.label(class="form-control-label modal__label mb-1") }}
      {{ form.title(class="form-control form-control-lg") }}
      {{ form.image.label(class="form-control-label modal__label mt-3 mb-1") }}
      {{ form.image(class="form-control form-control-lg modal__file") }}
      {{ form.categories.label(class="form-control-label modal__label mt-3 mb-1") }}
      {{ form.categories(class="form-control form-control-lg") }}
    </div>
    <div class="modal-footer pb-0 border-0">
      <button type="button" class="btn btn__cancel" data-dismiss="modal">取消</button>
      <input class="btn btn__submitadd" type="submit" value="完成">
    </div>
  </form>
{% endblock modal_body %}