{% load i18n %}
{% load thumbnail %}

<script type="text/javascript">

	$(document).ready(function () {

		if ('{{profile_picture_form.image.errors}}') {
			$("#choosepicturecontainer").show();
		}		
	});

</script>

<div class="clear dropdownlist">
<img class="shareicon" title="{% trans "choose a profile image" %}" src="{{LDT_MEDIA_PREFIX}}img/zoom_in.png"/>
{% trans "choose a profile image" %}
</div>


<table id="choosepicturecontainer" >
	<tr>
	    <td class="leftcolumn">
	        {% trans "Current profile picture" %}
	    </td>
	    <td>
	        {% thumbnail img_container.image "x100" format="PNG" as im %}<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />{% empty %}&nbsp;{% endthumbnail %}
	    </td>
	</tr>
    <tr>
        <td class="leftcolumn">
            {% trans "Upload a new picture" %}<br/> (JPG, PNG, &lt;&nbsp;1&nbsp;Mo)
        </td>
        <td>
            <input type="file" name="image" id="id_image" accept="image/jpeg, image/png" />
             <input type="hidden" name="url_image" id="id_url_image" />
            {% for error in profile_picture_form.image.errors %}
            <span class="error">
                {{ error }}                 
            </span>
            {% endfor %}
        </td>
    </tr>
</table>  
	  