{% extends "editor.html" %}
{% block extras %}
      <p class="card">
        <div class="card-body">
          前言：文章前言說明
          <div><textarea class="form-control" id="cintroduction" rows=5 type="paragraph"></textarea></div>
        </div>
      </p>
      <p class="card">
        <div class="card-body">
          目錄說明：目錄使用，將說明本文章可以解決的問題
          <div><input class="form-control" id="cquestionboxintro" type="text" /></div>
        </div>
      </p>
{% endblock extras %}
{% block extratwo %}
<p class="card">
  <table>
    <tbody id='contactData'>
      <p>延伸閱讀清單</p>
      <tr>
        <td>文章名稱</td>
        <td>文章連結 <span class="text-danger">（請務必填寫文章連結，否則此項文章不予載入）</span></td>
      </tr>
      <tr>
        <td class="table__data"><input class="form-control" id="data00" type="text" style="width: 420px;"
          placeholder="文章內容" disabled/></td>
        <td class="table__data"><input class="form-control" id="data01" type="text" style="width: 420px;"
            placeholder="文章連結" /></td>
      </tr>
      <tr>
        <td class="table__data"><input class="form-control" id="data10" type="text" style="width: 420px;"
            placeholder="文章內容" disabled/></td>
        <td class="table__data"><input class="form-control" id="data11" type="text" style="width: 420px;"
            placeholder="文章連結" /></td>
      </tr>
      <tr>
        <td class="table__data"><input class="form-control" id="data20" type="text" style="width: 420px;"
            placeholder="文章內容" disabled/></td>
        <td class="table__data"><input class="form-control" id="data21" type="text" style="width: 420px;"
            placeholder="文章連結" /></td>
      </tr>
      <tr>
        <td class="table__data"><input class="form-control" id="data30" type="text" style="width: 420px;"
            placeholder="文章內容" disabled/></td>
        <td class="table__data"><input class="form-control" id="data31" type="text" style="width: 420px;"
            placeholder="文章連結" /></td>
      </tr>
      <tr>
        <td class="table__data"><input class="form-control" id="data40" type="text" style="width: 420px;"
            placeholder="文章內容" disabled/></td>
        <td class="table__data"><input class="form-control" id="data41" type="text" style="width: 420px;"
            placeholder="文章連結" /></td>
      </tr>
  
    </tbody>
  </table>
</p>
<!--<script>
  $(function () {
    axios.get('/backstage/edit_blog_getfurther').then(({ data }) => {
      $('#data00').val(data.data[0][0]);
      $('#data01').val(data.data[0][1]);
      $('#data10').val(data.data[1][0]);
      $('#data11').val(data.data[1][1]);
      $('#data20').val(data.data[2][0]);
      $('#data21').val(data.data[2][1]);
      $('#data30').val(data.data[3][0]);
      $('#data31').val(data.data[3][1]);
      $('#data40').val(data.data[4][0]);
      $('#data41').val(data.data[4][1]);
    });
  });

  function changeArticles() {
    axios.get('/backstage/edit_blog_editfurther?data00=' + $('#data00').val() + '&data01=' + $('#data01').val() + '&data10=' + $('#data10').val() + '&data11=' + $('#data11').val() + '&data20=' + $('#data20').val() + '&data21=' + $('#data21').val() + '&data30=' + $('#data30').val() + '&data31=' + $('#data31').val() + '&data40=' + $('#data40').val() + '&data41=' + $('#data41').val())
      .then(({ data }) => {
        alert('已儲存');
      })
      .finally((data) => { location.reload(); });
  };

</script>-->
{% endblock extratwo %}