<%- include('../layout') %>

<h2>Logo verwalten</h2>

<form method="POST">
  <input type="file" id="logoFile" accept="image/*" class="form-control" required>
  <input type="hidden" name="logo_base64" id="logo_base64">
  <button class="btn btn-primary mt-3">Speichern</button>
</form>


<hr>

<h4>Aktuelles Logo</h4>

<% if (logo) { %>
  <img src="<%= logo %>" style="max-width: 200px; display:block; margin-bottom:10px;">

  <a href="/admin/logo/delete" class="btn btn-danger"
     onclick="return confirm('Logo wirklich löschen?');">
     Logo löschen
  </a>
<% } %>


<script>
document.getElementById('logoFile').addEventListener('change', function() {
  const file = this.files[0];
  const reader = new FileReader();

  reader.onload = function(e) {
    // e.target.result enthält IMMER den vollständigen, korrekten Data-URL-String
    document.getElementById('logo_base64').value = e.target.result;
  };

  reader.readAsDataURL(file);
});
</script>





<%- include('../footer') %>
