{"id":2,"date":"2026-08-06T19:06:24","date_gmt":"2026-08-06T19:06:24","guid":{"rendered":"https:\/\/fom.boisestategis.us\/?page_id=2"},"modified":"2026-08-06T20:45:22","modified_gmt":"2026-08-06T20:45:22","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/fom.boisestategis.us\/?page_id=2","title":{"rendered":"Data Entry Page"},"content":{"rendered":"        <div class=\"webcam-inventory-wrapper\" style=\"max-width: 1000px; margin: 20px 0; font-family: sans-serif;\">\n            <h2>Webcam Inventory Scanner<\/h2>\n            <p>Point camera at an item to automatically capture and catalog it using Gemini AI.<\/p>\n            \n            <div style=\"display: flex; gap: 20px; flex-wrap: wrap; margin-top: 20px;\">\n                <!-- Webcam Viewport with Mobile Optimization -->\n                <div style=\"flex: 1; min-width: 320px; max-width: 640px;\">\n                    <video id=\"webcam-video\" autoplay playsinline muted style=\"width: 100%; border: 2px solid #ccc; border-radius: 8px; background: #000;\"><\/video>\n                    <canvas id=\"webcam-canvas\" style=\"display: none;\"><\/canvas>\n                    \n                    <div style=\"margin-top: 15px; display: flex; gap: 10px; flex-wrap: wrap;\">\n                        <button id=\"capture-btn\" class=\"button button-primary button-large\" style=\"padding: 10px 20px; font-size: 15px; cursor: pointer;\">Single Scan & Create<\/button>\n                        <button id=\"start-auto-btn\" class=\"button button-secondary button-large\" style=\"padding: 10px 20px; font-size: 15px; cursor: pointer; background: #2271b1; color: #fff;\">Start Continuous Scan<\/button>\n                        <button id=\"stop-auto-btn\" class=\"button button-secondary button-large\" style=\"padding: 10px 20px; font-size: 15px; cursor: pointer; display: none; background: #d63638; color: #fff;\">Stop Scan<\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Status & Output -->\n                <div style=\"flex: 1; min-width: 300px; background: #fff; padding: 20px; border: 1px solid #ccd0d4; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);\">\n                    <h3>Status<\/h3>\n                    <div id=\"status-box\" style=\"padding: 10px; background: #f0f0f1; border-radius: 4px; font-weight: bold; margin-bottom: 15px;\">Camera Initializing...<\/div>\n                    \n                    <h3>Last Captured Preview<\/h3>\n                    <img id=\"preview-img\" style=\"max-width: 200px; display: none; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 4px;\" \/>\n                    \n                    <div id=\"result-box\" style=\"margin-top: 15px;\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Manual Entry Modal -->\n            <div id=\"manual-entry-modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999; align-items: center; justify-content: center;\">\n                <div style=\"background: #fff; border-radius: 8px; padding: 25px; width: 90%; max-width: 500px; box-shadow: 0 4px 15px rgba(0,0,0,0.3);\">\n                    <h3 style=\"margin-top: 0; color: #d63638;\">Manual Entry Requested<\/h3>\n                    <p style=\"font-size: 0.9em; color: #555;\">Enter item details manually for the captured preview.<\/p>\n                    \n                    <div style=\"margin-bottom: 15px;\">\n                        <label style=\"display: block; font-weight: bold; margin-bottom: 5px;\">Item Title:<\/label>\n                        <input type=\"text\" id=\"manual-title\" style=\"width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;\" placeholder=\"e.g., Red Chair\" \/>\n                    <\/div>\n\n                    <div style=\"margin-bottom: 15px;\">\n                        <label style=\"display: block; font-weight: bold; margin-bottom: 5px;\">Description:<\/label>\n                        <textarea id=\"manual-description\" style=\"width: 100%; height: 80px; padding: 8px; border: 1px solid #ccc; border-radius: 4px;\" placeholder=\"e.g., Red wooden office chair.\"><\/textarea>\n                    <\/div>\n\n                    <div style=\"display: flex; gap: 10px; justify-content: flex-end;\">\n                        <button id=\"cancel-manual-btn\" class=\"button button-secondary\">Skip \/ Cancel<\/button>\n                        <button id=\"save-manual-btn\" class=\"button button-primary\">Save Manual Item<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/fom.boisestategis.us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}