{# partials/footer.html — Premium footer with generated-by branding #}

<!-- Image Lightbox Modal -->
<div id="image-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999;align-items:center;justify-content:center;padding:1rem" onclick="closeImageModal(event)">
  <div style="position:relative;max-width:95vw;max-height:90vh">
    <img id="modal-img" src="" alt="Screenshot" style="max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px rgba(0,0,0,.5)" />
    <button class="modal-close" onclick="closeImageModal(event)" style="position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:50%;background:white;border:none;cursor:pointer;font-size:18px;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.3)" title="ปิด (ESC)">×</button>
  </div>
</div>

<div class="report-footer">
    <div style="display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem">
        <div style="width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--primary),#6d28d9);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:10px">{{ report_config.tool.abbreviation }}</div>
        <span style="font-weight:600;color:var(--foreground);font-size:.8125rem">{{ report_config.tool.name }}</span>
        <span style="font-size:.6875rem;padding:.1rem .4rem;border-radius:9999px;background:var(--muted);color:var(--muted-foreground)">{{ report_config.tool.version }}</span>
    </div>
    <p>{{ report_config.footer.powered_by }} — Generated {{ current_date }}</p>
    <p style="margin-top:.25rem">{{ report_config.footer.copyright }}</p>
</div>

{# JS content from repo files (templates/assets/app.js, main.js) — trusted.
   Use | safe to bypass autoescape, otherwise script content is HTML-escaped
   and the bundle becomes literal <p>&lt;...&gt;</p> chaos. #}
{% if app_js %}
<script>{{ app_js | safe }}</script>
{% endif %}
{% if js and not app_js %}
<script>{{ js | safe }}</script>
{% endif %}