{% include 'overall_header.html' %}
<section class="convoa-gallery">
<div class="gallery-heading"><div><h1>{{ GALLERY_TITLE|e }}</h1><p>{% if GALLERY_AUTHOR %}A gallery by {{ GALLERY_AUTHOR|e }}{% if S_PRIVATE_ALBUM %} · Private album{% endif %}{% else %}Browse and share photos with the community.{% endif %}</p></div>{% if S_CAN_CREATE_ALBUM %}<a href="#create-album" class="convoa-button">＋ Add new album</a>{% endif %}</div>
{% if MINERVA_ERROR %}<div class="rules">{{ MINERVA_ERROR|e }}</div>{% endif %}
<div class="gallery-toolbar"><nav aria-label="Album views"><a {% if GALLERY_VIEW=='browse' %}class="selected" aria-current="page"{% endif %} href="{{ U_BROWSE|e }}"><i class="icon fa-picture-o"></i> Browse albums</a>{% if S_MEMBER %}<a {% if GALLERY_VIEW=='mine' %}class="selected" aria-current="page"{% endif %} href="{{ U_MINE|e }}"><i class="icon fa-user"></i> My albums</a>{% endif %}<a {% if GALLERY_VIEW=='recent' %}class="selected" aria-current="page"{% endif %} href="{{ U_RECENT|e }}"><i class="icon fa-clock-o"></i> Recent photos</a></nav>
<form method="get" action="{{ U_MODULE|e }}">{% if GALLERY_MEMBER %}<input type="hidden" name="member" value="{{ GALLERY_MEMBER }}">{% endif %}<input type="hidden" name="view" value="{{ GALLERY_VIEW|e }}"><input type="hidden" name="layout" value="{{ GALLERY_LAYOUT|e }}"><label for="gallery-category">Gallery</label><select id="gallery-category" name="category"><option value="0">All galleries</option>{% if GALLERY_VIEW!='mine' and not GALLERY_MEMBER %}<option value="-1"{% if CATEGORY_ID==-1 %} selected{% endif %}>Samples Gallery</option>{% endif %}{% for album in loops.album_options %}<option value="{{ album.ID }}"{% if album.SELECTED %} selected{% endif %}>{{ album.TITLE|e }}</option>{% endfor %}</select><input class="inputbox" name="q" value="{{ SEARCH|e }}" placeholder="Search members, galleries or photos" aria-label="Search members, galleries or photos">{% if not S_GALLERY_PHOTOS %}<select name="sort" aria-label="Sort galleries"><option value="updated"{% if GALLERY_SORT=='updated' %} selected{% endif %}>Last updated</option><option value="title"{% if GALLERY_SORT=='title' %} selected{% endif %}>Title</option><option value="photos"{% if GALLERY_SORT=='photos' %} selected{% endif %}>Most photos</option></select>{% endif %}<button class="button" type="submit">Search</button></form></div>
<p class="gallery-browse-help">Find a member by typing their username in Search, or use the Photo galleries link on their forum posts. <a href="{{ U_BROWSE|e }}">Browse all community galleries</a>.</p>{% if not S_SAMPLES_ONLY %}<div class="gallery-section-title"><div><h2>{% if S_SAMPLES_ONLY %}Samples Gallery{% elseif S_GALLERY_PHOTOS %}Photos{% elseif GALLERY_VIEW=='mine' %}My albums{% else %}Community albums{% endif %}</h2><p>{% if S_GALLERY_PHOTOS %}Select a photo to open its full view.{% else %}{% if S_RANDOM_ALBUMS %}Discover up to five randomly selected public galleries. Use Search or a member’s forum photo button to find their gallery.{% else %}Public galleries created by members of the community.{% endif %}{% endif %}</p></div><div class="gallery-view-switch"><a href="{{ U_GRID|e }}" aria-label="Grid view"{% if GALLERY_LAYOUT=='grid' %} aria-current="true"{% endif %}><i class="icon fa-th"></i></a><a href="{{ U_LIST|e }}" aria-label="List view"{% if GALLERY_LAYOUT=='list' %} aria-current="true"{% endif %}><i class="icon fa-list"></i></a></div></div>{% endif %}
{% if not S_GALLERY_PHOTOS %}<div class="gallery-grid {% if GALLERY_LAYOUT=='list' %}gallery-list{% endif %}">{% if S_SAMPLES_CARD %}<article class="gallery-card"><a class="gallery-picture" href="{{ U_SAMPLES|e }}"><img loading="lazy" src="{{ U_SAMPLE_COVER|e }}" alt="Samples Gallery cover"><span class="gallery-count"><i class="icon fa-camera"></i> 10</span></a><div class="gallery-card-text"><h3><a href="{{ U_SAMPLES|e }}">Samples Gallery</a></h3><p>by Convoa</p><small>One shared community gallery</small></div></article>{% endif %}{% for album in loops.albums %}<article class="gallery-card"><a class="gallery-picture" href="{{ album.U_VIEW|e }}">{% if album.U_COVER %}<img loading="lazy" src="{{ album.U_COVER|e }}" alt="Cover of {{ album.TITLE|e }}">{% else %}<span class="gallery-placeholder"><i class="icon fa-picture-o"></i> No photos yet</span>{% endif %}<span class="gallery-count"><i class="icon fa-camera"></i> {{ album.COUNT }}</span></a><div class="gallery-card-text"><h3><a href="{{ album.U_VIEW|e }}">{{ album.TITLE|e }}</a></h3><p>by {% if album.U_AUTHOR %}<a href="{{ album.U_AUTHOR|e }}">{{ album.AUTHOR|e }}</a>{% else %}{{ album.AUTHOR|e }}{% endif %}{% if album.PRIVATE %} · <i class="icon fa-lock"></i> Private{% endif %}</p><small>{{ album.DATE|e }}</small></div></article>{% else %}{% if not S_SAMPLES_CARD %}<p class="gallery-empty">{% if GALLERY_VIEW=='mine' %}You haven't created an album yet. Create one below to start sharing.{% else %}No community albums match this search. Create a public album to share your photos.{% endif %}</p>{% endif %}{% endfor %}</div>{% endif %}
{% if S_GALLERY_PHOTOS and not S_SAMPLES_ONLY %}<div class="gallery-grid {% if GALLERY_LAYOUT=='list' %}gallery-list{% endif %}">{% for photo in loops.photos %}<article class="gallery-card"><a class="gallery-picture" href="{{ photo.U_VIEW|e }}"><img loading="lazy" src="{{ photo.U_THUMB|e }}" alt="{{ photo.TITLE|e }}"></a><div class="gallery-card-text"><h3><a href="{{ photo.U_VIEW|e }}">{{ photo.TITLE|e }}</a></h3><p>{{ photo.SUMMARY|e }}</p><small>{{ photo.DATE|e }} · {{ photo.SIZE }} MB{% if not photo.APPROVED %} · Pending approval{% endif %}</small>{% if photo.S_DELETE %}<details class="gallery-delete"><summary>Delete photo</summary><form method="post" action="{{ photo.U_ACTION|e }}"><input type="hidden" name="action" value="delete"><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 }}</form></details>{% endif %}</div></article>{% else %}<p class="gallery-empty">No photos to display yet.</p>{% endfor %}</div>{% endif %}
{% if S_RANDOM_PHOTOS %}<section class="gallery-random"><div class="gallery-section-title"><div><h2>Random Photos</h2><p>A changing selection from public community galleries and the Samples Gallery.</p></div></div><div class="gallery-grid">{% for photo in loops.random_photos %}<article class="gallery-card"><a class="gallery-picture" href="{{ photo.U_VIEW|e }}"><img loading="lazy" src="{{ photo.U_THUMB|e }}" alt="{{ photo.TITLE|e }}"></a><div class="gallery-card-text"><h3><a href="{{ photo.U_VIEW|e }}">{{ photo.TITLE|e }}</a></h3><p><a href="{{ photo.U_ALBUM|e }}">{{ photo.ALBUM|e }}</a></p><small>by {{ photo.AUTHOR|e }}</small></div></article>{% endfor %}</div></section>{% endif %}
{% if S_SHOW_SAMPLES %}<section class="gallery-samples"><div class="gallery-section-title"><div><h2>{% if S_SAMPLES_ONLY %}Sample photos{% else %}<a href="{{ U_SAMPLES|e }}">Samples Gallery</a>{% endif %} <span class="gallery-tag">10 sample photos</span></h2><p>One shared gallery for everyone. These illustrative photographs were generated for Convoa.</p></div>{% if S_SAMPLES_ONLY %}<div class="gallery-view-switch"><a href="{{ U_GRID|e }}" aria-label="Grid view"{% if GALLERY_LAYOUT=='grid' %} aria-current="true"{% endif %}><i class="icon fa-th"></i></a><a href="{{ U_LIST|e }}" aria-label="List view"{% if GALLERY_LAYOUT=='list' %} aria-current="true"{% endif %}><i class="icon fa-list"></i></a></div>{% endif %}</div><div class="gallery-grid {% if GALLERY_LAYOUT=='list' %}gallery-list{% endif %}">{% for photo in loops.sample_photos %}<article class="gallery-card"><a class="gallery-picture" href="{{ photo.U_VIEW|e }}"><img loading="lazy" src="{{ photo.U_THUMB|e }}" alt="{{ photo.TITLE|e }}"></a><div class="gallery-card-text"><h3><a href="{{ photo.U_VIEW|e }}">{{ photo.TITLE|e }}</a></h3><p>Samples Gallery</p><small>Convoa · Shared sample</small></div></article>{% else %}<p class="gallery-empty">No samples match this search.</p>{% endfor %}</div></section>{% endif %}
<p class="gallery-pagination">{% if U_PREVIOUS %}<a class="button" href="{{ U_PREVIOUS|e }}">Previous</a>{% endif %} {% if U_NEXT %}<a class="button" href="{{ U_NEXT|e }}">Next</a>{% endif %}</p>
<div class="gallery-upload-bar"><div><h3><i class="icon fa-picture-o"></i> Upload photos</h3><p>Maximum file size per photo: <strong>{{ GALLERY_UPLOAD_LIMIT }} MB</strong>. JPEG, PNG, GIF and WebP are supported.</p></div>{% if S_CAN_UPLOAD_ALBUM or (S_CAN_CREATE and not CATEGORY_ID) %}<a class="convoa-button" href="{{ U_UPLOAD|e }}">＋ Add photos</a>{% elseif S_INTERACT %}<a class="convoa-button" href="#create-album">Create an album to upload</a>{% else %}<p>Sign in to upload your photos.</p>{% endif %}</div>
{% if S_CAN_CREATE_ALBUM %}<section class="gallery-create" id="create-album"><h2>Add new album</h2><form method="post" action="{{ U_MODULE|e }}"><input type="hidden" name="action" value="personal"><label for="album-title">Album name</label><input class="inputbox" id="album-title" name="title" maxlength="255" required placeholder="e.g. Summer adventures"><label class="gallery-private"><input type="checkbox" name="private_album" value="1"> Private album — visible only to you and moderators</label><p>Public albums can be browsed by the community. Only you and moderators can add or edit photos in your album.</p><button class="button" type="submit">Create album</button>{{ S_FORM_TOKEN }}</form></section>{% endif %}
</section>
{% include 'overall_footer.html' %}