{% extends 'base.html' %}

{% block main %}
<br><br><br>
<!-- <nav><a href="{{ url_for('mybook_pdf') }}">Get as PDF</a></nav> -->

<form style="float:left;" action="/search_annot" method="GET">
  Browse annotations:<br>
  <div style="float:left;" class="search">
  <input type="text" name="query" value="{{name}}">
  </div>
  <input type="submit" value="Submit"></input>
</form>
<br><br><br><br><br>

<a  href="/annotations" style="font-family:archivo narrow;font-size:18px; float:center;">      All</a>


<br><br><br><br>
{% for row in res %}
    {%for book in books%}
      {%if book.file == row.uri%}
      <a href="books/{{book.id}}"><p align="right" style="font-family:archivo narrow;font-size:18px;">{{book.title}}</p></a><br>
      {% endif %}
    {% endfor %}

 <p align="right" style="font-family:archivo narrow;font-size:14px;">{{row.title}}</p><br>

<p style="font-family:archivo narrow;font-size:8px;">Extracts:</p>
    <div style="font-family:archivo narrow;font-family:archivo narrow;font-size:18px;">
      <i>"{{ row.extract }}"</i></div><br>

<p style="font-family:archivo narrow;font-size:8px;color:#ff3300;">Annotations:</p>
{%if 'https://www.youtube.com'in row.text %}
          <a style="font-family:archivo narrow;font-size:18px;color:#ff3300;" href="{{row.text}}">{{row.text}}</a><br>
          <hr>
  {%elif '.jpg' in row.text%}
          <img src="{{row.text}}" alt="" width="400">
          <hr>
  {%else%}
          <div style="font-family:archivo narrow;font-size:18px;color:#ff3300;">{{row.text}}</div><br>
          <hr>
  {% endif %}



{% endfor %}








{% endblock %}