<!DOCTYPE html>
<html>
 <head>
    <title>OnionShare</title>
    <link href="/static/img/favicon.ico" rel="icon" type="image/x-icon" />
    <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>

    <header class="clearfix">
        <img class="logo" src="/static/img/logo.png" title="OnionShare">
        <h1>OnionShare</h1>
    </header>

    <div class="upload-wrapper">
      <div class="upload">
        <p><img class="logo" src="/static/img/logo_large.png" title="OnionShare"></p>
        <p class="upload-header">Send Files</p>
        <p class="upload-description">Select the files you want to send, then click "Send Files"...</p>
        <form method="post" enctype="multipart/form-data" action="{{ upload_action }}">
           <p><input type="file" name="file[]" multiple /></p>
           <p><input type="submit" class="button" value="Send Files" /></p>
           <div>
             {% with messages = get_flashed_messages() %}
               {% if messages %}
                 <ul class=flashes>
                 {% for message in messages %}
                   <li>{{ message }}</li>
                 {% endfor %}
                 </ul>
               {% endif %}
             {% endwith %}
           </div>
        </form>
      </div>
    </div>
    {% if receive_allow_receiver_shutdown %}
    <form method="post" action="{{ close_action }}">
      <input type="submit" class="close-button" value="I'm Finished Uploading" />
    </form>
    {% endif %}
  </body>
</html>