{"content":"\u003Cstyle type=\u0022text\/css\u0022\u003E\n  .modal-dialog {\n    max-width: 1920px !important;\n    max-height: 1080px !important;\n    width: 95vw !important;\n    height: 95vh !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n\t.modal-content {\n\t\twidth: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .modal-body {\n    width: 100% !important;\n    height: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\t\n\n  .modal-image {\n    max-width: 100%;\n    max-height: 100%;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    overflow: auto;\n    position: fixed;\n    right: 0;\n    top: 0;\n    -o-object-fit: contain;\n    object-fit: contain;\n    border-radius: 5px;\n  }\n\n  .modal-menu {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    background-color: rgba(255, 255, 255, 0.3);\n    padding: 3px;\n    border-radius: 5px;\n  }\n\n\u003C\/style\u003E\n\n\u003Cdiv class=\u0022modal-dialog\u0022 role=\u0022document\u0022\u003E\n  \u003Cdiv class=\u0022modal-content\u0022\u003E\n\t\t\u003Cdiv class=\u0022modal-body\u0022\u003E\n\t\t\t\u003Cdiv id=\u0022hint_content_popup\u0022\u003E\u003C\/div\u003E\n        \u003Cimg id=\u0022modal-image\u0022 class=\u0022modal-image\u0022 src=\u0022\/img\/buecher\/6694c8130f5c1\u0022 data-filename=\u00226694c8130f5c1\u0022\u003E\n        \u003Ca class=\u0022left carousel-control\u0022 onclick=\u0022loadImage(\u0027prev\u0027)\u0022\u003E\n          \u003Cspan class=\u0022glyphicon glyphicon-chevron-left\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\n          \u003Cspan class=\u0022sr-only\u0022\u003EZur\u00fcck\u003C\/span\u003E\n        \u003C\/a\u003E\n        \u003Ca class=\u0022right carousel-control\u0022 onclick=\u0022loadImage(\u0027next\u0027)\u0022\u003E\n          \u003Cspan class=\u0022glyphicon glyphicon-chevron-right\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/span\u003E\n          \u003Cspan class=\u0022sr-only\u0022\u003EWeiter\u003C\/span\u003E\n        \u003C\/a\u003E\n      \u003Cdiv class=\u0022modal-menu\u0022\u003E\n                \u003Ca id=\u0022btn-close-popup\u0022 class=\u0022btn btn-primary\u0022 data-dismiss=\u0022modal\u0022\u003E\n          Schlie\u00dfen        \u003C\/a\u003E\n      \u003C\/div\u003E\n\t\t\u003C\/div\u003E\n  \u003C\/div\u003E\n\u003C\/div\u003E\n\n  \u003Cscript type=\u0022text\/javascript\u0022\u003E\n    let currentIndex = 0;\n    const images = [{\u0022imageFileName\u0022:\u00226694c8130f5c1\u0022,\u0022scanCode\u0022:\u0022300008396\u0022,\u0022imageSort\u0022:0,\u0022fileType\u0022:\u0022jpeg\u0022},{\u0022imageFileName\u0022:\u00226694c8130f5c3\u0022,\u0022scanCode\u0022:\u0022300008396\u0022,\u0022imageSort\u0022:1,\u0022fileType\u0022:\u0022jpeg\u0022},{\u0022imageFileName\u0022:\u00226694c8130f5c4\u0022,\u0022scanCode\u0022:\u0022300008396\u0022,\u0022imageSort\u0022:2,\u0022fileType\u0022:\u0022jpeg\u0022}];\n\n    function loadImage(direction) {\n      if (direction === \u0027next\u0027) {\n        currentIndex = (currentIndex + 1) % images.length;\n      } else if (direction === \u0027prev\u0027) {\n        currentIndex = (currentIndex - 1 + images.length) % images.length;\n      }\n      const newImage = images[currentIndex];\n\n      const imgEl = document.getElementById(\u0027modal-image\u0027);\n      imgEl.src = `\/img\/buecher\/${newImage.imageFileName}`;\n      imgEl.setAttribute(\u0027data-filename\u0027, newImage.imageFileName);\n\n      const downloadBtn = document.querySelector(\u0027.modal-menu a[download]\u0027);\n      if (downloadBtn) {\n        downloadBtn.href = `\/img\/buecher\/${newImage.imageFileName}`;\n        downloadBtn.setAttribute(\u0027download\u0027, `${newImage.scanCode}_${newImage.imageSort}.${newImage.fileType}`);\n      }\n    }\n  \u003C\/script\u003E\n"}