{% extends 'up_squelette.html' %}

{% include '_nav_userlogin.html' %}

{% block main %}


      <div class="row">
        <div class="col-sm-3"></div>
        <div class="col-sm-6">
          <br />
          <div class="well">Ici, vous pouvez envoyer des fichiers afin de les sauvegarder ou de les rendre accessibles à quelqu'un d'autre. Ils seront par la suite disponibles en téléchargement dans notre rubrique <a href="/view/"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Fichiers</a>. Les images envoyées, quand à elles se retrouveront directement dans la <a href="/gallery/"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Gallerie</a>.<br>Ayez bien conscience que ce site est une expérience est qu'il est indispensable d'avoir une sauvegarde de tous vos fichiers. Nous ne pourrons, en aucun cas, être tenu responsable de la perte de vos données. Merci de votre compréhension.</div>
            <br />
          <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">Choisissez un ou plusieurs fichiers à uploader</h3>
            </div>
            <div class="panel-body">
                <!--<div class="form-group">-->
		<form action="" method="post" enctype="multipart/form-data">
	            <input type="file" name="fic"id="fic" multiple>
		    <br>
                    <button type="submit" id="tada" class="btn btn btn-success">Upload !</button>
                </form>
		<!--</div>-->

                <div class="msginfo">
                 {# on affiche les messages d'erreur puis les messages de succes #}
                 {% for categorie in ['error', 'succes'] %}
                   {% with msgs = get_flashed_messages(category_filter=[categorie]) %}
                     {% if msgs %}
                       <div class="flashed {{ categorie }}">
                         {% for m in msgs %}
                           <p>{{ m|safe }}</p>
                         {% endfor %}
                       </div>
                     {% endif %}
                   {% endwith %}
                 {% endfor %}
                </div>

              </div>
          </div>
	       </div>
      </div>

<!--<script src="https://en.lichess.org/training/embed?theme=blue3&bg=auto"></script>
<script src="https://en.lichess.org/tv/embed?theme=blue2&bg=dark"></script>-->




{% endblock %}