{"id":21851,"date":"2025-07-24T15:41:26","date_gmt":"2025-07-24T13:41:26","guid":{"rendered":"https:\/\/hightea2.fruto.cloud\/?page_id=21851"},"modified":"2025-10-24T15:48:28","modified_gmt":"2025-10-24T13:48:28","slug":"saldo-cadeaubon","status":"publish","type":"page","link":"https:\/\/hightea2.fruto.cloud\/nl\/cadeaubonnen\/saldo-cadeaubon\/","title":{"rendered":"Saldo check"},"content":{"rendered":"<section id=\"b-anwqki_m4jpyzje\" class=\"brxe-section\"><div id=\"b-apthhs_m4jpyzje\" class=\"brxe-container\"><div id=\"b-xpudld_m4jpyzje\" class=\"brxe-block\"><div id=\"b-qgrukj_m4jpyzje\" class=\"brxe-block\"><a id=\"b-rsetty_m4jpyzje\" class=\"brxe-text-link\" href=\"https:\/\/hightea2.fruto.cloud\/nl\/\"><span class=\"icon\"><i class=\"ion-ios-arrow-forward\"><\/i><\/span><span class=\"text\"><span data-gbrx-id=\"gb-rsetty\" data-gbrx-subfield=\"text\" >Home<\/span><\/span><\/a><a id=\"brxe-zmiiom\" class=\"brxe-text-link\"><span data-gbrx-id=\"gb-zmiiom\" data-gbrx-subfield=\"text\" >Saldo check<\/span><\/a><\/div><h1 id=\"b-yqggei_m4jpyzje\" class=\"brxe-heading\">Saldo cadeaubon<\/h1><div id=\"b-fnujws_m4jpyzje\" class=\"brxe-text-basic\">Heb jij een HighTea.com cadeaubon gekocht of gekregen? Check dan je (resterende) saldo via onderstaande saldo checker. De cadeaubon is 2 jaar geldig na aankoopdatum.<br>Pak je cadeaubon erbij en vul hier de code en pin in die je onderaan de bon staan.<\/div><\/div><div id=\"b-qayneb_m4jpyzje\" class=\"brxe-block\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"492\" src=\"https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high.png\" class=\"brxe-image css-filter size-large\" alt=\"\" id=\"b-qlwhgq_m4jpyzje\" style=\"-webkit-mask-image: url(&#039;https:\/\/hightea2.fruto.cloud\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); -webkit-mask-size: cover; -webkit-mask-position: top center; -webkit-mask-repeat: no-repeat;mask-image: url(&#039;https:\/\/hightea2.fruto.cloud\/wp-content\/themes\/bricks\/assets\/svg\/masks\/mask-circle.svg&#039;); mask-size: cover; mask-position: top center; mask-repeat: no-repeat;\" srcset=\"https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high.png 629w, https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high-300x235.png 300w, https:\/\/hightea2.fruto.cloud\/wp-content\/uploads\/2024\/12\/cadeaubon-high-600x469.png 600w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/div><\/div><\/section>\n\n<section id=\"b-nuqlrd_mdhg104g\" class=\"brxe-section\"><div id=\"brxe-liuhbu\" class=\"brxe-container\"><div id=\"brxe-botyqq\" data-script-id=\"botyqq_mdhg104g\" class=\"brxe-code\"><form class=\"saldoChecker\">\n    <div class=\"col-12 col-md-5\">\n        <input class=\"form-control key\" placeholder=\"Code\" id=\"key\" type=\"text\" name=\"key\">\n    <\/div>\n    <div class=\"col-12 col-md-4\">\n        <input class=\"form-control pin\" placeholder=\"Pin\" id=\"pin\"type=\"text\" name=\"pin\">\n    <\/div>\n    <div class=\"col-12 col-md-3\">\n        <button class=\"bricks-button bricks-background-primary\" onclick=\"checkSaldo(); return false;\">Controleer saldo<\/button>\n    <\/div>\n<\/form>\n\n<div class=\"saldo hidden\" style=\"display:none;\">\n\n    <div class=\"row\">\n        <div class=\"col-12 col-md-4\">\n            <div class=\"saldo__status sidebar\">\n\n                <div class=\"bedrag\">\n                    <div class=\"bedrag__display\">\n                        <div class=\"bedrag__label\">Resterend tegoed<\/div>\n                        <div class=\"bedrag__amount\">\n                            <span class=\"open\"><\/span>\n                        <\/div>\n                        <div class=\"bedrag__total\">\n                            van <span class=\"total\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"progress-wrapper\">\n                    <div class=\"progress\">\n                        <div class=\"status\"><\/div>\n                    <\/div>\n                    <div class=\"progress-percentage\">\n                        <span class=\"percentage-value\">0<\/span>%\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <br>\n        <div class=\"col-12 col-md-7 offset-md-1\">\n            <div class=\"saldo__orders\">\n                <div class=\"orders__header\">\n                    <h3>Reserveringen<\/h3>\n                <\/div>\n\n            <table>\n                <thead>\n                    <tr>\n\n                        <th>Locatie<\/th>\n                        <th><i class=\"fal fa-users\"><\/i><\/th>\n                        <th>Datum<\/th>\n                        <th>Afgeschreven<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody class=\"orderlist\">\n                    <tr class=\"order--row\">\n\n                        <td class=\"resName\"><\/td>\n                        <td class=\"pers\"><\/td>\n                        <td class=\"date\"><\/td>\n                        <td class=\"negative\"><\/td>\n                    <\/tr>\n                    <tr class=\"no--order\">\n                        <td colspan=\"5\" class=\"text-center\">Nog geen reserveringen<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n            <div class=\"geldigheid\">\n                <i class=\"fal fa-calendar-check\"><\/i>\n                Het saldo is geldig tot <span class=\"max__date\"><\/span>\n            <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-12 text-center\">\n            <a href=\"\" class=\"button button--reload\">\n                <i class=\"fal fa-redo\"><\/i> Andere code controleren\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<style>\n.saldoChecker {\n    background-color: #eee;\n    border: none !important;\n    border-radius: 25px;\n    padding:30px;\n    max-width:100%;\n    width:700px;\n    margin:0 auto;\n    margin-top:50px;\n    display:flex;\n    align-items:center;\n    flex-direction:row;\n    justify-content:space-between;\n}\n\n\/* Saldo Display Styles *\/\n.saldo {\n    max-width: 900px;\n    margin: 50px auto;\n    padding: 0 15px;\n}\n\n.saldo__status {\n    background: #d000a2;\n    border-radius: 20px;\n    padding: 25px;\n    color: white;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n    position: relative;\n    overflow: hidden;\n}\n\n.saldo__status::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 200%;\n    height: 200%;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n.saldo__header h3, .orders__header h3 {\n    font-size: 20px;\n    font-weight: 700;\n    margin: 0 0 15px 0;\n    color: white;\n}\n\n.saldo__orders .orders__header h3 {\n    color: #333;\n}\n\n.bedrag__display {\n    text-align: center;\n    margin: 20px 0;\n}\n\n.bedrag__label {\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    opacity: 0.9;\n    margin-bottom: 10px;\n}\n\n.bedrag__amount {\n    font-size: 42px;\n    font-weight: 700;\n    margin: 8px 0;\n    line-height: 1;\n}\n\n.bedrag__total {\n    font-size: 16px;\n    opacity: 0.85;\n    margin-top: 5px;\n}\n\n\/* Progress Bar Styles *\/\n.progress-wrapper {\n    margin-top: 20px;\n}\n\n.progress {\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 50px;\n    height: 20px;\n    overflow: hidden;\n    position: relative;\n    backdrop-filter: blur(10px);\n}\n\n.progress .status {\n    background: linear-gradient(90deg, #4ade80 0%, #22c55e 100%);\n    height: 100%;\n    width: 0%;\n    border-radius: 50px;\n    transition: width 1.5s cubic-bezier(0.65, 0, 0.35, 1);\n    position: relative;\n    box-shadow: 0 0 20px rgba(74, 222, 128, 0.5);\n}\n\n.progress .status::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n    animation: shimmer 2s infinite;\n}\n\n@keyframes shimmer {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n}\n\n.progress-percentage {\n    text-align: center;\n    font-size: 14px;\n    margin-top: 10px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}\n\n\/* Orders Table Styles *\/\n.saldo__orders {\n    background: white;\n    border-radius: 20px;\n    padding: 30px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n}\n\n.saldo__orders table {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n}\n\n.saldo__orders thead th {\n    background: #f8f9fa;\n    padding: 15px;\n    text-align: left;\n    font-weight: 600;\n    color: #333;\n    border-bottom: 2px solid #e9ecef;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.saldo__orders thead th:first-child {\n    border-top-left-radius: 10px;\n}\n\n.saldo__orders thead th:last-child {\n    border-top-right-radius: 10px;\n}\n\n.saldo__orders tbody td {\n    padding: 15px;\n    border-bottom: 1px solid #f0f0f0;\n    color: #555;\n}\n\n.saldo__orders tbody tr:hover {\n    background: #f8f9fa;\n}\n\n.saldo__orders tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.geldigheid {\n    margin: 30px 0 0 0;\n    padding: 15px 20px;\n    background: #f0f7ff;\n    border-left: 4px solid #55009c;\n    border-radius: 8px;\n    font-size: 14px;\n    color: #555;\n}\n\n.geldigheid i {\n    margin-right: 8px;\n    color: #55009c;\n}\n\n\/* Button Styles *\/\n.button--reload {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #55009c;\n    color: white !important;\n    padding: 15px 35px;\n    border-radius: 50px;\n    text-decoration: none !important;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    box-shadow: 0 5px 15px rgba(85, 0, 156, 0.3);\n    margin-top: 30px;\n}\n\n.button--reload:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(85, 0, 156, 0.4);\n}\n\n.button--reload i {\n    transition: transform 0.3s ease;\n}\n\n.button--reload:hover i {\n    transform: rotate(180deg);\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n    .saldo__status {\n        margin-bottom: 30px;\n    }\n\n    .bedrag__amount {\n        font-size: 36px;\n    }\n\n    .saldo__header h3, .orders__header h3 {\n        font-size: 20px;\n    }\n\n    .saldo__orders table {\n        font-size: 13px;\n    }\n\n    .saldo__orders thead th,\n    .saldo__orders tbody td {\n        padding: 10px 8px;\n    }\n}\n<\/style>\n<script>\n\tfunction checkSaldo(){\n\tvar code = jQuery('input.key').val();\n\tvar pin = jQuery('input.pin').val();\n\tvar signature = '216.73.216.165'\n\n\tif(code == '' || pin ==''){\n\t\talert('Code\/pin zijn onjuist! Controleer de ingevulde gegevens goed.');\n\t}else{\n\t\tjQuery.ajax({\n\t      type: \"POST\",\n\t      url: \"https:\/\/hightea2.fruto.cloud\/wp-admin\/admin-ajax.php\",\n\t      data: ({action  : 'check_saldo', code: code,pin: pin,signature: signature}),\n\t      success: function( data ) {\n\t        \n\t          var data = JSON.parse(data);\n\t          \/\/status\n\t          if(data.errormessage){\n\t          \talert(data.errormessage);\n\t          \tjQuery('.saldo').addClass('hidden');\n\t          }else{\n\t          jQuery('.saldoChecker').remove();\n\t          jQuery('.saldo').show();\n\t          jQuery('.saldo__status .open').html('\u20ac '+data.rest.replace(\".\", \",\"));\n\t          jQuery('.saldo__status .total').html('\u20ac '+data.price.replace(\".\", \",\"));\n\t          \n\t          setTimeout(function(){\n\t          \tvar procent = Math.round(data.rest \/ data.price * 100);\n\t          \tjQuery('.progress .status').css('width',procent+\"%\");\n\t          \tjQuery('.percentage-value').text(procent);\n\t          }, 1000);\n\t          \n\t          jQuery('.max__date').html(data.maxdate);\n\t          \/\/no--order\n\t          if((data.order.length === 0)){\n\t          \tjQuery('.no--order').show();\n\n\t          }else{\n\t          \t\n\t          \t\/\/orders\n\t          \tjQuery.each(data.order, function( index, order ) {\n\t\t\t\t  trRow = jQuery('tr.hidden.order--row').clone();\n\t\t\t\t  trRow.find('.resName').html(order.restaurantnaam);\n\t\t\t\t  trRow.find('.pers').html(order.persons);\n\t\t\t\t  trRow.find('.date').html(order.reservation_date+' '+order.time);\n\t\t\t\t  trRow.find('.negative').html(order.discount);\n\n\t\t\t\t  \n\t\t\t\t  trRow.appendTo( \".orderlist\" ).show();\n\t\t\t\t});\n\t\t\t\t\n\t      \t }\n\t        }\n\t      }\n\t    });\n\t}\n\t}\n<\/script><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":19804,"parent":3779,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21851","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/pages\/21851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/comments?post=21851"}],"version-history":[{"count":6,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/pages\/21851\/revisions"}],"predecessor-version":[{"id":22287,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/pages\/21851\/revisions\/22287"}],"up":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/pages\/3779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/media\/19804"}],"wp:attachment":[{"href":"https:\/\/hightea2.fruto.cloud\/nl\/wp-json\/wp\/v2\/media?parent=21851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}