feat(gyms): current logo thumbnail next to the upload input; updated help text

views/admin/gyms/_form.php

@@ -47,7 +47,7 @@ foreach (array_keys(gym_sections()) as $k) if (gym_section_on($data, $k)) $secti
         <?php endif; ?>
         <input type="hidden" name="hero_image" value="<?= htmlspecialchars($data['hero_image'] ?? '') ?>">
         <input type="file" class="form-control" id="hero_file" name="hero_file" accept="image/jpeg,image/png,image/webp,image/jxl,.jxl">
-        <div class="form-text">JPG, PNG ou WebP (até 6 MB). Vazio = a do ginásio principal.</div>
+        <div class="form-text">JPG, PNG, WebP ou JPEG XL (até 6 MB). Vazio = a do ginásio principal.</div>
         <?php if (($data['hero_image'] ?? '') !== ''): ?>
         <div class="form-check mt-1"><input class="form-check-input" type="checkbox" name="hero_remove" value="1" id="hero_remove"><label class="form-check-label small" for="hero_remove">Remover a imagem atual</label></div>
         <?php endif; ?>
@@ -94,13 +94,16 @@ foreach (array_keys(gym_sections()) as $k) if (gym_section_on($data, $k)) $secti
     </div>
 
     <div class="col-md-6">
-        <label class="form-label" for="logo_file">Logótipo (botão no menu dos outros ginásios)</label>
-        <?php if (($data['logo'] ?? '') !== ''): ?>
-        <div class="mb-2"><img src="<?= htmlspecialchars(base_url($data['logo'])) ?>" alt="" class="rounded border p-2" style="max-width:100%;max-height:70px;background:#e9ecef"></div>
-        <?php endif; ?>
+        <label class="form-label" for="logo_file">Logótipo (menu do site)</label>
         <input type="hidden" name="logo" value="<?= htmlspecialchars($data['logo'] ?? '') ?>">
-        <input type="file" class="form-control" id="logo_file" name="logo_file" accept="image/svg+xml,image/png,image/webp,image/jpeg,image/jxl,.jxl">
-        <div class="form-text">SVG, PNG, WebP ou JPG (até 6 MB). Opcional. Aparece a uma só cor (a do texto do botão); funciona melhor com SVG de uma cor.</div>
+        <?php $logo_now = gym_logo($data); // saved logo, or the site logo the main gym falls back to ?>
+        <div class="d-flex align-items-center gap-2">
+            <?php if ($logo_now !== ''): ?>
+            <img src="<?= htmlspecialchars(base_url($logo_now)) ?>" alt="Logótipo atual" title="<?= ($data['logo'] ?? '') === '' ? 'Logótipo do site (nenhum carregado)' : 'Logótipo atual' ?>" class="rounded border bg-white p-1 flex-shrink-0" style="height:38px;width:auto;max-width:120px;object-fit:contain">
+            <?php endif; ?>
+            <input type="file" class="form-control" id="logo_file" name="logo_file" accept="image/svg+xml,image/png,image/webp,image/jpeg,image/jxl,.jxl">
+        </div>
+        <div class="form-text">SVG, PNG, WebP, JPG ou JPEG XL (até 6 MB). Opcional. Aparece nas cores originais no logótipo do menu da página deste ginásio e no botão deste ginásio nas páginas dos outros.</div>
         <?php if (!_gyms_has_col($pdo, 'gyms', 'logo')): ?>
         <div class="form-text text-warning">Falta aplicar a migração <code>migration_20261013_gym_brand_color.sql</code> (Sistema → Atualizar plataforma) para guardar o logótipo e a cor da marca.</div>
         <?php endif; ?>