{% extends "base.html" %}

{% block title %}File rename form{% endblock %}

{% block content %}

<h2>Renaming "{{filename}}"</h2>
<a href="/expofiles/{{filepath|urlencode}}">
    <figure class=onleft>
    <img src="/expofiles/{{filepath|urlencode}}" width=150px>
    <figcaption>filesize: {{filesize}} bytes
    </figcaption>
    </figure></a>
    {% if rename_bad %}
    <p style="font-family: monospace; font-weight: bold; color: red; font-size: 130%; text-align: center">

    Cannot rename to '{{rename_bad}}' as a file (or a subfolder) of that name already exists here.
    </p>
    {% endif %}
<div style = "max-width:95%; margin-left:8%; text-align: left; " >
    
    <form method ='post' >
        {% csrf_token %}              
       <br>                  
       <input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 110px "
       label = "Rename to" name = "renameto" id="renameto"  
       pattern="[A-Za-z][A-Za-z0-9_-\.]*"/> 
       <label 
       style="padding: 0.5em 25px; margin-left: 110px"
       for="renameto">type in the new name for this file<br></label>
       <br><br><br>
       
       <button  class="fancybutton2"  style="padding: 0.5em 25px; margin-left: 110px" type = "submit" value = "Upload" >
          Rename it
       </button>
    </form>

    <br /><br /><br />
                 Full urlencoded path for this file in expofiles is <a href="/expofiles/{{filepath|urlencode}}"><em>{{filepath|urlencode}}</em></a>
 
</div>

<br />

<hr />


{% endblock %}