{{ define "preview" }}
<div id="preview" style="display: none;">
  {{ "preview" | .RenderStyle }}
  {{ "preview" | .RenderScript }}
  <div id="preview-header">
    <div id="image-info">
      <span id="image-index"></span>
      <span id="image-caption"></span>
    </div>
    <div id="controls">
      <button id="download-btn"><svg viewBox="0 -960 960 960"><path d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg></button>
      <button id="delete-btn" style="display:none"><svg viewBox="0 -960 960 960"><path d="m376-300 104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 180q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520Zm-400 0v520-520Z"/></svg></button>
      <button id="sidebar-btn"><svg viewBox="0 -960 960 960"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm280-80h280v-560H480v560Z"/></svg></button>
    </div>
  </div>
  <div id="preview-view">
    <div id="nav-controls">
      <span id="prev-btn"><</span>
      <span id="next-btn">></span>
    </div>
    <div id="image-wrapper">
      <img id="preview-img" alt="Image Preview">
    </div>
  </div>
  <div id="sidebar">
    <div id="sidebar-content">
      <span id="img-artwork"><a id="img-artwork-a"></a></span>
      <span id="img-author"></span>
      <span id="img-source"></span>
      <span id="img-tag"></span>
      <span id="img-info"></span>
      {{ template "img_setting" . }}
    </div>
  </div>
</div>
{{ end }}