{"id":33287,"date":"2023-05-09T09:34:40","date_gmt":"2023-05-09T09:34:40","guid":{"rendered":"https:\/\/afcindustries.com\/smart-card\/"},"modified":"2024-09-12T16:08:16","modified_gmt":"2024-09-12T20:08:16","slug":"smart-cart","status":"publish","type":"page","link":"https:\/\/afcindustries.com\/es\/smart-cart\/","title":{"rendered":"Smart Cart"},"content":{"rendered":"<script>productNum = 12;<\/script>\n<div class=\"modal\" id=\"myModal\">\n  <div class=\"modal-dialog modal-xl modal-dialog-centered\">\n    <div class=\"modal-content\">\n\n      <!-- Modal Header -->\n      <div class=\"modal-header\">\n        <h4 class=\"modal-title\" style=\"color: #00446b;\">Quote<\/h4>\n        <button type=\"button\" class=\"close btn-primary btn-sm\" data-dismiss=\"modal\">X<\/button>\n      <\/div>\n\n      <!-- Modal body -->\n      <div class=\"modal-body\">\n          <div class=\"row flex\" style=\"background: #f1f1f1; padding: 2rem;\">\n              <div class=\"col-sm-5\" style=\"height:30rem;overflow-y: scroll;overflow-x: hidden;\">\n                  <table id=\"quoteTable\" class=\"table table-striped\">\n                      <thead>\n                          <tr>\n                              <th>#<\/th>\n                              <th>Quantity<\/th>\n                              <th>Name<\/th>\n                              <th>Color<\/th>\n                              <th>Part #<\/th>\n                          <\/tr>\n                      <\/thead>\n                      <tbody>\n                          <tr id=\"size\"> <td>1<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>1<\/td> <\/tr>\n                          <tr id=\"color\"> <td>1<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>1<\/td> <\/tr>\n                          <tr id=\"top-shelf-cabinet\"> <td>2<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>2<\/td> <\/tr>\n                          <tr id=\"monitor-arm\"> <td>3<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>3<\/td> <\/tr>\n                          <tr id=\"desktop-surface\"> <td>4<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>4<\/td> <\/tr>\n                          <!-- <tr id=\"accessories\"> <td>5<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>5<\/td> <\/tr> -->\n                          <tr id=\"keyboard-tray\"> <td>6<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>6<\/td> <\/tr>\n                          <tr id=\"c-holder\"> <td>7<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>7<\/td> <\/tr>\n                          <tr id=\"bottom-shelf\"> <td>8<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>8<\/td> <\/tr>\n                          <tr id=\"glides-and-casters\"> <td>9<\/td><td><input type=\"number\" min=1 value=1 max=20 size=\"2\"\/><\/td><td>Table<\/td><td>-<\/td><td>9<\/td> <\/tr>\n                      <\/tbody>\n                  <\/table>\n\n              <\/div>\n              <div class=\"col-sm-3\" id=\"prod\">\n                  <h2>\n                      Final Product\n                  <\/h2>\n                  <div class=\"form-floating mb-3\">\n                      <input type=\"number\" class=\"form-control\" required id=\"qty\" placeholder=\"5\">\n                      <label for=\"number\">Number of Units<\/label>\n                  <\/div>\n                  <img decoding=\"async\" src=\"\" id=\"finalProd\" style=\"display:none;\" alt=\"\" title=\"\">\n              <\/div>\n              <div class=\"col-sm-4\">\n                    <form id=\"quoteForm\">\n                      <fieldset>\n                          <div class=\"form-group\">\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"text\" class=\"form-control\" required id=\"name\" name=\"name\" placeholder=\"John Doe\">\n                                  <label for=\"name\">Full Name<\/label>\n                                <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"email\" class=\"form-control\" required id=\"email\" name=\"email\" placeholder=\"name@example.com\">\n                                  <label for=\"email\">Email<\/label>\n                              <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"text\" class=\"form-control\"required id=\"phone\" name=\"phone\" placeholder=\"Telephone\">\n                                  <label for=\"phone\">Telephone<\/label>\n                              <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"text\" class=\"form-control\"required id=\"company\" name=\"company\" placeholder=\"Company Name\">\n                                  <label for=\"phone\">Company Name<\/label>\n                              <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"text\" class=\"form-control\" required id=\"subject\" name=\"subject\" placeholder=\"Subject\">\n                                  <label for=\"subject\">Subject<\/label>\n                              <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"text\" class=\"form-control\" id=\"website\" name=\"website\" placeholder=\"Website\">\n                                  <label for=\"phone\">Website<\/label>\n                              <\/div>\n                              <div class=\"form-floating mb-3\">\n                                  <input type=\"textarea\" class=\"form-control\" required id=\"message\" name=\"message\" placeholder=\"Password\">\n                                  <label for=\"message\">Message<\/label>\n                              <\/div>\n                          <\/div>\n                          <\/fieldset>\n                          <div class=\"d-grid gap-2\">\n                              <button class=\"btn btn-lg btn-success\" type=\"submit\">Get Quote<\/button>\n                          <\/div>\n                      <\/form>\n              <\/div>\n          <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/div>\n<\/div>\n<div class=\"container-fluid\" style=\"padding-top: 2rem;\">\n<div class=\"row\">\n  <div class=\"col\">\n    <canvas id=\"cvs1\" width=\"800\" height=\"800\"><\/canvas>\n  <\/div>\n  <div class=\"col\" style=\"height: 100vh;overflow-y: scroll;\">\n    <div class=\"accordion\" id=\"accordionItems\" onload=\"autoSelect()\" >\n\n      <!-- Size -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-00\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-00\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-00\"\n            >\n              Size\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-00\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-00\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n\n                  <div class=\"item size\">\n                      <div class=\"image hide\"><img decoding=\"async\" src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/72X36 Single Tier Configurator\/Surface Size Thumbnails.png\" alt=\"\" title=\"\"><\/div>\n                      <p class=\"title\">48\"<\/p>\n                  <\/div>\n                  <div class=\"item size\">\n                    <div class=\"image hide\"><img decoding=\"async\" src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/72X36 Single Tier Configurator\/Surface Size Thumbnails.png\" alt=\"\" title=\"\"><\/div>\n                    <p class=\"title\">60\"<\/p>\n                  <\/div>\n                  <div class=\"item size\">\n                    <div class=\"image hide\"><img decoding=\"async\" src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/72X36 Single Tier Configurator\/Surface Size Thumbnails.png\" alt=\"\" title=\"\"><\/div>\n                    <p class=\"title\">72\"<\/p>\n                  <\/div>\n                  <div class=\"item size\">\n                    <div class=\"image hide\"><img decoding=\"async\" src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/72X36 Single Tier Configurator\/Surface Size Thumbnails.png\" alt=\"\" title=\"\"><\/div>\n                    <p class=\"title\">84\"<\/p>\n                  <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div>\n\n      <!-- Color -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-color\">\n              <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-color\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-color\"\n              >\n              Color\n              <\/button>\n          <\/h2>\n          <div\n              id=\"collapse-color\"\n              class=\"accordion-collapse collapse show\"\n              aria-labelledby=\"heading-color\"\n              \n          >\n              <div class=\"accordion-body\">\n              <div class=\"row\">\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Achron-Black.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Black<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Cream.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Cream<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Gentle-Gray.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Gray<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Hard-Oak.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Hard Oak<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/New-Pine.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">New Pine<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/3\/Colors\/Rich-Cherry.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Rich Cherry<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Speckled-Gray.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">Speckled Gray<\/p>\n                  <\/div>\n\n                  <div class=\"color\">\n                      <div class=\"image\">\n                          <img decoding=\"async\"\n                          \n                          src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Colors\/Pure-White.jpg\"\n                          \/>\n                      <\/div>\n                      <p class=\"title\">White<\/p>\n                  <\/div>\n\n              <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n\n      <!-- Top Shelf Cabinet -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-2\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-2\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-2\"\n            >\n              Top Shelf Cabinet\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-2\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-2\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Top Shelf Cabinet\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Top Shelf Cabinet\/Black\/thumb\/Top-Shelf-Cabinet-Black.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Top Shelf Cabinet<\/p>\n                <\/div>\n                \n                <div class=\"item ds\">\n                  <div class=\"image none\">\n                    <img decoding=\"async\"\n                      data-cat=\"Top Shelf Cabinet\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/None\/blank.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">None<\/p>\n                <\/div>\n\n\n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div>   \n\n      <!-- Monitor Arm -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-3\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-3\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-3\"\n            >\n              Monitor Arm\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-3\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-3\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-48-Inch-Track.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">48 Inch Track<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-Dual-AFC-02.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Dual AFC 02<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-Dual-Z588.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Dual Z588<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-Dual-Z588-Single-Pole.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Dual Z588 Single Pole<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-Single-AFC-02.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Single AFC 02<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Monitor Arm\/thumb\/Monitor-Arm-with-Single-Z588.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Single Z588<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image none\">\n                    <img decoding=\"async\"\n                      data-cat=\"Monitor Arm\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/None\/blank.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">None<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n      <!-- Desktop Surface -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-4\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-4\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-4\"\n            >\n              Desktop Surface\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-4\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-4\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Desktop Surface\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Desktop Surface\/Bumper Molding\/Black\/thumb\/Desktop-Surface-with-Bumper-Molding-Black.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Bumper Molding<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Desktop Surface\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Desktop Surface\/T Molding\/Black\/thumb\/Desktop-Surface-with-T-Molding-Black.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">T Molding<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n      <!-- Desktop Surface Accessories -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-4\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-4\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-4\"\n            >\n              Desktop Surface Accessories\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-4\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-4\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Accessories\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Desktop Surface Accessories\/thumb\/Phone-Arm.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Phone Arm<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Accessories\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Desktop Surface Accessories\/thumb\/TAL-Lamp.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">TAL Lamp<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image none\">\n                    <img decoding=\"async\"\n                      data-cat=\"Accessories\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/None\/blank.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">None<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n      <!-- Keyboard Tray -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-5\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-5\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-5\"\n            >\n              Keyboard Tray\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-5\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-5\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Keyboard Tray\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Keyboard Tray\/thumb\/KA6000-TR2000-Keyboard-Tray.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">KA6000 TR2000 Keyboard Tray<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Keyboard Tray\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Keyboard Tray\/thumb\/KB01-Keyboard-Tray.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">KB01 Keyboard Tray<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Keyboard Tray\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Keyboard Tray\/thumb\/Swing-Arm-Keyboard-Tray.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Swing Arm Keyboard Tray<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image none\">\n                    <img decoding=\"async\"\n                      data-cat=\"Keyboard Tray\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/None\/blank.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">None<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n\n      <!-- CPU Holder -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-6\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-6\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-6\"\n            >\n              CPU Holder\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-6\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-6\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"C-Holder\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/CPU Holder\/thumb\/CPU-99.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">CPU-99<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"C-Holder\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/CPU Holder\/thumb\/CPU-101.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">CPU-101<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"C-Holder\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/CPU Holder\/thumb\/CPU-102.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">CPU-102<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image none\">\n                    <img decoding=\"async\"\n                      data-cat=\"C-Holder\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/None\/blank.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">None<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n      <!-- Bottom Shelf -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-7\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-7\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-7\"\n            >\n              Bottom Shelf\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-7\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-7\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Bottom Shelf\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Bottom Shelf\/Long\/Black\/Long-Bottom-Shelf-Black.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Long Bottom Shelf<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Bottom Shelf\"\n                      data-color=\"color\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Bottom Shelf\/Short\/Black\/Short-Bottom-Shelf-Black.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Short Bottom Shelf<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n      <!-- Glides and Casters -->\n      <div class=\"accordion-item\">\n          <h2 class=\"accordion-header\" id=\"heading-7\">\n            <button \n              class=\"accordion-button collapsed\"\n              type=\"button\"\n              data-bs-toggle=\"collapse\"\n              data-bs-target=\"#collapse-7\"\n              aria-expanded=\"true\"\n              aria-controls=\"collapse-7\"\n            >\n              Glides and Casters\n            <\/button>\n          <\/h2>\n          <div\n            id=\"collapse-7\"\n            class=\"accordion-collapse collapse show\"\n            aria-labelledby=\"heading-7\"\n            \n          >\n            <div class=\"accordion-body\">\n              <div class=\"row\">\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Glides and Casters\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Glides and Casters\/thumb\/Glides.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Glides<\/p>\n                <\/div>\n\n                <div class=\"item ds\">\n                  <div class=\"image\">\n                    <img decoding=\"async\"\n                      data-cat=\"Glides and Casters\"\n                      src=\"https:\/\/afcindustries.com\/wp-content\/plugins\/prod\/products\/p3\/Glides and Casters\/thumb\/Casters.png\"\n                    \/>\n                  <\/div>\n                  <p class=\"title\">Casters<\/p>\n                <\/div>\n                \n              <\/div>\n            <\/div>\n          <\/div>\n      <\/div> \n\n  <div class=\"get-quote\">\n      <div class=\"row\">\n          <!-- <div class=\"col-6\">\n              <div class=\"input-group mb-3\">\n                  <input type=\"number\" min=1 value=1 max=200 class=\"form-control\" aria-label=\"Text input button\">\n              <\/div>\n          <\/div> -->\n          <div class=\"col-6\">\n              <div class=\"input-group mb-3\">\n                  <button type=\"button\" class=\"btn btn-primary btn-block btn-lg\" data-toggle=\"#myModal\" data-target=\"modal\">\n                      Get Quote\n                    <\/button>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n\n\n  <\/div>\n<\/div>\n<\/div>\n<script>\n  jQuery(document).ready(function (){\n\n    $ = jQuery;\n    \n    \/\/ $(\".modal\").appendTo(\"body\");\n    obj = [\n      \"Top Shelf Cabinet\",\n      \"Monitor Arm\",\n      \"Glides and Casters\",\n      \"Bottom Shelf\",\n      \"C-Holder\",\n      \"Keyboard Tray\",\n      \"Desktop Surface\",\n      \"Accessories\",\n    ];\n\n    order={\n      size:\"\",\n      color:\"\",\n      top_shelf_cabinet:\"\",\n      monitor_arm:\"\",\n      glides_and_casters:\"\",\n      bottom_shelf:\"\",\n      cpu_holder:\"\",\n      keyboard_tray:\"\",\n      desktop_surface:\"\",\n      accessories:\"\",\n    }\n\n    obj.forEach(addLayer);\n    \n    autoSelect();\n    \n  });\n\n  function autoSelect(){\n      $($('.item.size')[0]).click();\n      $($('.color')[0]).click();\n      $($(\"img[data-cat='Top Shelf Cabinet']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='Monitor Arm']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='Desktop Surface']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='Accessories']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='Accessories']\")[1]).parents('.item').click();\n      $($(\"img[data-cat='Keyboard Tray']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='C-Holder']\")[1]).parents('.item').click();\n      $($(\"img[data-cat='Bottom Shelf']\")[0]).parents('.item').click();\n      $($(\"img[data-cat='Glides and Casters']\")[0]).parents('.item').click();\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-33287","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/pages\/33287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/comments?post=33287"}],"version-history":[{"count":0,"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/pages\/33287\/revisions"}],"wp:attachment":[{"href":"https:\/\/afcindustries.com\/es\/wp-json\/wp\/v2\/media?parent=33287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}