{% extends "admin/base.html" %}{% block title %}Company Gallery | Admin{% endblock %}{% block content %}
<div class="admin-page-head"><div><p class="eyebrow-dark">Trust Content</p><h1>Company Gallery</h1><p class="mt-2 text-sm font-bold text-zinc-500">Upload genuine premises, warehouse, loading, inspection and delivery photographs.</p></div></div>
{% include 'admin/_trust_tabs.html' %}
<form class="admin-panel mt-6" method="post" enctype="multipart/form-data"><h2>Bulk Upload</h2><div class="mt-4 grid gap-4 md:grid-cols-3"><label class="md:col-span-3"><span class="form-label">Images</span><input class="form-input" type="file" name="images" accept="image/*" multiple required></label><label><span class="form-label">Category for all uploaded</span><select class="form-input" name="category">{% for item in categories %}<option>{{ item }}</option>{% endfor %}</select></label><label><span class="form-label">Location for all uploaded</span><select class="form-input" name="location_id"><option value="">No location</option>{% for row in locations %}<option value="{{ row.id }}">{{ row.internal_name }}</option>{% endfor %}</select></label><label><span class="form-label">Starting order</span><input class="form-input" type="number" name="sort_order" value="100"></label><label class="md:col-span-2"><span class="form-label">Optional shared English caption</span><input class="form-input" name="caption_en"></label><label><span class="form-label">Optional shared alt text</span><input class="form-input" name="alt_text_en"></label></div><div class="mt-4 flex flex-wrap gap-4 text-sm font-bold"><label><input type="checkbox" name="is_published"> Publish immediately</label><label><input type="checkbox" name="feature_home"> Homepage</label><label><input type="checkbox" name="feature_about"> About</label><label><input type="checkbox" name="feature_warehouse"> Warehouse</label><label><input type="checkbox" name="feature_delivery"> Delivery</label></div><button class="btn-primary mt-5">Upload Selected Images</button></form>
<form class="admin-panel mt-6" method="post"><input type="hidden" name="gallery_action" value="bulk_update"><h2>Bulk Edit Selected Images</h2><div class="mt-4 grid gap-4 md:grid-cols-4"><label><span class="form-label">Category</span><select class="form-input" name="bulk_category"><option value="">Keep current</option>{% for item in categories %}<option>{{ item }}</option>{% endfor %}</select></label><label><span class="form-label">Location</span><select class="form-input" name="bulk_location_id"><option value="">Keep current</option>{% for row in locations %}<option value="{{ row.id }}">{{ row.internal_name }}</option>{% endfor %}</select></label>{% for field,label in [('is_published','Published'),('feature_home','Homepage'),('feature_about','About'),('feature_warehouse','Warehouse'),('feature_delivery','Delivery')] %}<label><span class="form-label">{{ label }}</span><select class="form-input" name="bulk_{{ field }}"><option value="">Keep current</option><option value="1">Yes</option><option value="0">No</option></select></label>{% endfor %}</div><button class="btn-outline mt-5">Apply to Selected</button>
<div class="mt-6 overflow-x-auto rounded-lg border"><table class="min-w-full"><thead><tr><th class="table-heading"><input type="checkbox" data-check-all></th><th class="table-heading">Image</th><th class="table-heading">Caption / Alt</th><th class="table-heading">Category</th><th class="table-heading">Location</th><th class="table-heading">Published</th><th class="table-heading">Edit</th></tr></thead><tbody>{% for image in images %}<tr><td class="table-cell"><input class="listing-row-checkbox" type="checkbox" name="image_ids" value="{{ image.id }}"></td><td class="table-cell"><img class="h-20 w-28 rounded object-cover" src="{{ image.local_path }}" alt="{{ image.alt_text_en }}" loading="lazy"></td><td class="table-cell"><strong>{{ image.caption_en or 'No caption' }}</strong><br><span class="text-xs text-zinc-500">{{ image.alt_text_en or 'No alt text' }}</span></td><td class="table-cell">{{ image.category }}</td><td class="table-cell">{{ image.location_internal_name or 'None' }}</td><td class="table-cell">{{ 'Yes' if image.is_published else 'No' }}</td><td class="table-cell"><a class="font-bold underline" href="#image-{{ image.id }}">Edit below</a></td></tr>{% endfor %}</tbody></table></div></form>
<div class="mt-8 grid gap-4 md:grid-cols-2 xl:grid-cols-3">{% for image in images %}<article id="image-{{ image.id }}" class="rounded-lg border bg-white p-3 shadow-sm"><img class="aspect-[4/3] w-full rounded object-cover" src="{{ image.local_path }}" alt="{{ image.alt_text_en }}" loading="lazy"><form class="mt-3 space-y-3" method="post" action="{{ url_for('trust.admin_company_gallery_update', image_id=image.id) }}"><input class="form-input" name="caption_en" value="{{ image.caption_en or '' }}" placeholder="English caption"><input class="form-input" name="alt_text_en" value="{{ image.alt_text_en or '' }}" placeholder="English alt text"><div class="grid grid-cols-2 gap-2"><select class="form-input" name="category">{% for item in categories %}<option {% if image.category==item %}selected{% endif %}>{{ item }}</option>{% endfor %}</select><input class="form-input" type="number" name="sort_order" value="{{ image.sort_order }}"></div><select class="form-input" name="location_id"><option value="">No location</option>{% for row in locations %}<option value="{{ row.id }}" {% if image.location_id==row.id %}selected{% endif %}>{{ row.internal_name }}</option>{% endfor %}</select><div class="flex flex-wrap gap-3 text-xs font-bold"><label><input type="checkbox" name="is_published" {% if image.is_published %}checked{% endif %}> Published</label><label><input type="checkbox" name="feature_home" {% if image.feature_home %}checked{% endif %}> Home</label><label><input type="checkbox" name="feature_about" {% if image.feature_about %}checked{% endif %}> About</label><label><input type="checkbox" name="feature_warehouse" {% if image.feature_warehouse %}checked{% endif %}> Warehouse</label><label><input type="checkbox" name="feature_delivery" {% if image.feature_delivery %}checked{% endif %}> Delivery</label></div><button class="btn-outline w-full">Save Image Settings</button></form></article>{% endfor %}</div>{% endblock %}