{% extends 'user/user_base.html' %}

{% block user_content %}
<div class="panel">
  <div class="panel-header">
    <div class="panel-title text-center"><h4>搜索图书</h4></div>
  </div>
  <div class="panel-body">
    <form class="form-group" method="get">
      <div class="container">
          <select class="form-select col-3" name="bookattr" id="bookattr">
              {% for opt in queryattr%}
                  {% if queryattr[opt]=="selected" %}
                      <option selected>{{opt}}</option>
                  {% else %}
                      <option>{{opt}}</option>
                  {% endif %}
              {% endfor %}
          </select>
          {% if queryval%}
          <input class="form-input form-inline col-8" name="bookname" id="bookname"
              value="{{queryval}}">
          {% else %}
          <input class="form-input form-inline col-8" name="bookname" id="bookname">
          {% endif %}
          <input class="btn btn-primary input-group-btn form-inline" type="submit" value="搜索">
      </div>
    </form>
    <div id="search-result">
      {% if bookattr=="文档名称" %}
      {% for document in queryresult%}
      <div class="card-header">
        <div class="card-title h5">
          <a href="/book/{{document['book_id']}}/">{{document['doc_name']}}</a>
        </div>
        <div class="card-subtitle text-gray">
          <span>文档大小: {{document['doc_size']}}KB</span>
          <span>上传日期: {{document['doc_date']}}</span>
          <span>文档类型: {{document['doc_type']|replace("application/", "")|truncate(20, False, '...')}}</span>
        </div>
      </div>
      {% endfor %}
      {% elif bookattr=="评论标题" %}
      {% for note in queryresult%}
      <div class="card-header">
        <div class="card-title h5">
          <a href="/book/{{note['book_id']}}/">{{note['note_name']}}</a>
        </div>
        <div class="card-subtitle text-gray">
          <span>日期: {{note['note_date']}}</span>
          <span>摘要: {{note['note_content']|truncate(30, False, '...')}}</span>
        </div>
      </div>
      {% endfor %}
      {% else %}
      {% for book in queryresult%}
      <div class="card-header">
        <div class="card-title h5">
          <a href="/book/{{book['book_id']}}/">{{book['book_name']}}</a>
        </div>
        <div class="card-subtitle text-gray">
          <span>作者: {{book['book_author']}}</span>
          <span>语言: {{book['book_lang']}}</span>
          <span>出版社: {{book['book_publisher']}}</span>
        </div>
      </div>
      {% endfor %}
      {% endif %}
    </div>
    <div id="pagination-wrapper" class="p-centered">
      <ul class="pagination">
          {% if page_first%}
          <li class="page-item disabled">
          {% else %}
          <li class="page-item">
          {% endif %}
              <a href="{{prev_page_link}}">上一页</a>
          </li>
          {% if page_last%}
          <li class="page-item disabled">
          {% else %}
          <li class="page-item">
          {% endif %}
              <a href="{{next_page_link}}">下一页</a>
          </li>
      </ul>
    </div>
    
  </div>
</div>
{% endblock %}