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

{% block title %}Upload book{% endblock %}

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

<h3>DE-WATERMARK A NEW TITLE</h3>

<div class="explainspace">
  <p>Here you can upload a watermarked file that will be republished to Library Genesis. I will de-watermark your text and take care of the whole process of republishing. All watermarks will 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:butlerbeauregard@protonmail.com">contact me</a> directly!</p>
</div>

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

      <h3>UPLOAD THE FILE</h3>

      <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">
    <a href="terms"><input type="checkbox" name="match-with-pairs">Agree with the Guidelines</input></a><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 %}