{% extends "layout.html" %}
{% block body %}
  <div class="grid">
    {% if sessions %}
    <div>

      Open sessions:<br/>
      {% for session in sessions %}
            <a href={{ url_for('serve', path = session[0] + "/" ) }}>{{ session[0] }}/</a>
            <ul>
            <li>Session expires: {{ session[1] }} minutes</li>
            <li>Share expires: {{ session[2] }} days</li>
            </ul>
      {% endfor %}
      <hr>
    </div>
    {% endif %}
    <div>
     <p>Login to a share:</p>
    </div>
    <form action="{{ url_for('login') }}" method="post" class="form login">

      <div class="form__field">
        <label for="login__folder">
            <svg class=icon style="width:24px;height:24px" viewBox="0 0 24 24">
                <path fill="currentColor" d="M20 6H12L10 4H4C2.89 4 2 4.89 2 6V18C2 19.1 2.89 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M18.42 13.5L15 17L11.59 13.5C11.22 13.12 11 12.62 11 12.05C11 10.92 11.9 10 13 10C13.54 10 14.05 10.23 14.42 10.61L15 11.2L15.59 10.6C15.95 10.23 16.46 10 17 10C18.1 10 19 10.92 19 12.05C19 12.61 18.78 13.13 18.42 13.5Z" />
            </svg>
            <span class="hidden">Share</span>
        </label>
        <input id="login__folder" type="text" name="folder" class="form__input"
               placeholder="Share" required="" value="{{ folder }}">
      </div>
      <div class="form__field">
        <label for="login__password">
            <svg class="icon" style="width:24px;height:24px" viewBox="0 0 24 24">
                <path fill="currentColor" d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" />
            </svg>
            <span class="hidden">Password</span>
        </label>
        <input id="login__password" type="password" name="password" class="form__input"
               placeholder="Password" required="" autofocus="">
      </div>
      <div class="form__field">
        <input type="submit" value="Sign In">
      </div>
    </form>
    <div>
      <p>Visit <a href="{{ url_for('logout') }}">Logout</a> to log out all sessions.</p>
    </div>

  </div>
{% endblock %}