{% include 'ucp_header.html' %}
<h2>Manage photos</h2><div class="panel convoa-photos-panel"><div class="inner">{% if S_CONVOA_MY_GALLERY %}
<section id="my-gallery" class="convoa-ucp-gallery"><h3>Your photos</h3><p>{{ CONVOA_GALLERY_USED }}MB used of your 10MB total allowance.</p><progress value="{{ CONVOA_GALLERY_PERCENT }}" max="100" aria-label="Gallery storage usage">{{ CONVOA_GALLERY_PERCENT }}%</progress><p><a class="button" href="{{ U_CONVOA_MY_ALBUMS|e }}">Open my album / Upload photos</a></p>
<div class="convoa-ucp-photos">{% for photo in loops.convoa_my_photos %}<article><a href="{{ photo.U_VIEW|e }}"><img src="{{ photo.U_IMAGE|e }}" alt="{{ photo.TITLE|e }}" loading="lazy"></a><strong>{{ photo.TITLE|e }}</strong>{% if photo.DESCRIPTION %}<p class="convoa-photo-caption">{{ photo.DESCRIPTION|e }}</p>{% endif %}<p>{{ photo.SIZE }}MB</p><form method="post" action="{{ photo.U_DELETE|e }}"><input type="hidden" name="action" value="delete"><input type="hidden" name="return_ucp" value="1"><label><input type="checkbox" name="confirm_delete" value="1" required> Permanently delete this photo</label><button class="button" type="submit">Delete photo</button>{{ S_FORM_TOKEN_PHOTOS }}</form></article>{% else %}<p>You haven’t uploaded any photos yet.</p>{% endfor %}</div><p>{% if U_CONVOA_GALLERY_PREV %}<a href="{{ U_CONVOA_GALLERY_PREV|e }}">← Previous photos</a>{% endif %} {% if U_CONVOA_GALLERY_NEXT %}<a href="{{ U_CONVOA_GALLERY_NEXT|e }}">Next photos →</a>{% endif %}</p></section>
{% endif %}
</div></div>
{% include 'ucp_footer.html' %}