<!DOCTYPE html><html lang="nl"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title><%= file.original_name %> — Mek-Tech</title><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/css/style.css"><link rel="stylesheet" href="/css/dynamic.css"><link rel="icon" href="/img/favicon.svg">
<style>body{margin:0;padding:0;background:var(--bg);height:100vh;display:flex;flex-direction:column}.pdf-nav{background:var(--bg-nav);border-bottom:1px solid var(--border);padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.pdf-nav .pn-title{flex:1;font-size:.85rem;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-nav .pn-size{font-size:.7rem;color:var(--text-dim)}.pdf-frame{flex:1;width:100%;border:none;background:#fff}</style></head><body>
<div class="pdf-nav">
<a href="/clients/<%= clientId %>#files" class="back-link" style="margin:0"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg> Terug</a>
<span class="pn-title"><%= file.original_name %></span>
<span class="pn-size"><%= (file.file_size / 1024).toFixed(0) %> KB</span>
<a href="/clients/<%= clientId %>/files/<%= file.id %>/download" class="btn btn-primary" style="padding:.3rem .7rem;font-size:.75rem">Downloaden</a>
</div>
<iframe class="pdf-frame" src="/clients/<%= clientId %>/files/<%= file.id %>/download#view=FitH" title="<%= file.original_name %>"></iframe>
</body></html>
