{% extends "public/templates/public_template.html" %}

{% block title %}Watermark Form{% endblock %}

{% block main %}
<div class="spaceleft">

<h3>REPUBLISH A TITLE</h3>

<div class="explainspace">
  <p>Here you can upload a file that will be republished to Library Genesis. We take care of the whole process of republishing. Your book should not have watermarks. They will not be removed.</p>
  <p class="secondp">We will also create a uploaders signature, read more about it <a href="about">here</a>! Please feel free to leave your remarks on the process of sharing the file. If you want to batch upload, please <a href="mailto:pedrosacouto@protonmail.com">contact me</a> directly!</p>
</div>

    <form action="uploadbook" method="POST" enctype="multipart/form-data">

      <h3>UPLOAD THE FILE</h3>

    <form action="uploadbook" method="POST" enctype="multipart/form-data">
      <div class="form-group">
          <div class="custom-file">
          <input oninput="filesize(this);" type="file" name="book" id="book">
      </div>
</div>

<div class="watermarkspace">

    <h3>WATERMARK</h3>

    <form action="watermark" method="POST">

      <div class="form-group">
        <label>↘Identify yourself with a name, nickname or pseudonym!</label><br>
        <input class="form" type="text" name="name">
      </div>

      <div class="form-group">
        <label>↘Did you digitise the book?</label><br>
        <input class="form" type="text" name="scan">
      </div>

      <div class="form-group">
        <label>↘How long did it take you?</label><br>
        <input class="form" type="text" name="time">
      </div>

      <div class="form-group">
       <label>↘Where did you find the source?</label><br>
       <input class="form" type="text" name="source">
     </div>

     <div class="form-group">
       <label>↘Why are you sharing this file?<br>You can tell a personal anecdote,<br>You can leave a personal message here!</label><br>
       <input class="form" type="text" name="anecdote">
     </div>

</div>

<div class="uploadspace">
    <input type="checkbox" name="match-with-pairs">Agree with the T&C</input><br>
    <button type="submit" class="finalbutton"> Upload </button>
</div>

  </form>

</div>

<div class="requestabook">

  <h2>Books Requested</h2>

  <p class="compressed"><a class="linktorequest" href="request_form">Fill a form to request a book</a></p>

  <div class="scrollrequests">
    {% for book in books %}
    <div class="booksrequested">
      <h4>{{ book['title'] }}</h4>
      <p class="info">{{ book['author'] }}</p>
      <p class="info">{{ book['publisher'] }}</p>
      <p class="info">{{ book['year'] }}</p>
      <p class="info">{{ book['extention'] }}</p>
    </div>
    {% endfor %}
  </div>

</div>

{% endblock %}

{% block script %}

<script>

  function filesize(elem){
    document.cookie = `filesize=${elem.files[0].size}`;
  }

</script>

{% endblock %}