{"id":3829,"date":"2026-03-30T15:47:43","date_gmt":"2026-03-30T15:47:43","guid":{"rendered":"https:\/\/floraindonesia.com\/?page_id=3829"},"modified":"2026-03-30T15:59:32","modified_gmt":"2026-03-30T15:59:32","slug":"graduation","status":"publish","type":"page","link":"https:\/\/floraindonesia.com\/en\/graduation\/","title":{"rendered":"Hari Kelulusan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3829\" class=\"elementor elementor-3829\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0d562 e-flex e-con-boxed e-con e-parent\" data-id=\"3c0d562\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd2f701 elementor-widget elementor-widget-shortcode\" data-id=\"fd2f701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap');\n        #flora-kelulusan-calc { max-width: 600px; margin: 20px auto; padding: 25px; background: #fff; font-family: 'Plus Jakarta Sans', sans-serif; color: #4a4a4a; border: 1px solid #f0f0f0; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\n        .calc-header { text-align: center; margin-bottom: 25px; }\n        .calc-header h2 { color: #B57B6D; font-weight: 700; text-transform: uppercase; font-size: 1.3rem; margin-bottom: 8px; }\n        .calc-header p { font-size: 0.85rem; color: #888; margin: 0; }\n        .sub-trigger-text { text-align: center; font-weight: 600; font-size: 0.95rem; color: #B57B6D; margin: 30px 0 15px 0; padding-top: 20px; border-top: 1px dashed #eee; }\n        .form-section { margin-bottom: 20px; }\n        .label-step { font-weight: 600; font-size: 0.95rem; margin-bottom: 10px; display: block; color: #B57B6D; }\n        .flora-select { width: 100%; padding: 12px; border: 1.5px solid #eee; border-radius: 10px; font-size: 0.9rem; outline: none; background: #fafafa; }\n        .budget-list { display: flex; flex-direction: column; gap: 8px; }\n        .budget-item { display: flex; align-items: center; padding: 12px 15px; background: #fff; border: 1.5px solid #eee; border-radius: 10px; cursor: pointer; transition: 0.3s; font-size: 0.85rem; margin: 0; }\n        .budget-item input { margin-right: 10px; accent-color: #B57B6D; }\n        .budget-item.active { border-color: #B57B6D; background: #fdf2f0; font-weight: 600; }\n        .total-box { margin: 25px 0 10px 0; padding: 20px; text-align: center; background: #B57B6D; color: #fff; border-radius: 12px; }\n        .total-value { font-size: 1.8rem; font-weight: 700; display: block; }\n        #hasil-produk-lulus { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 15px; min-height: 200px; }\n        .reko-item { border: 1px solid #f0f0f0; padding: 10px; border-radius: 12px; text-align: center; background: #fff; transition: 0.3s; }\n        .reko-item img { width: 100%; border-radius: 8px; margin-bottom: 10px; aspect-ratio: 1\/1; object-fit: cover; }\n        .reko-item p { font-size: 0.8rem; font-weight: 700; margin-bottom: 4px; color: #444; min-height: 32px; display: flex; align-items: center; justify-content: center; line-height: 1.2; margin-top: 0; }\n        .reko-price { font-size: 0.75rem; color: #B57B6D; font-weight: 600; margin-bottom: 12px; display: block; }\n        .btn-pilih { display: block; background: #B57B6D; color: #fff !important; text-decoration: none; padding: 8px; border-radius: 6px; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; text-align: center; }\n        @media (max-width: 480px) { #hasil-produk-lulus { gap: 10px; } .total-value { font-size: 1.4rem; } }\n    <\/style>\n\n    <div id=\"flora-kelulusan-calc\">\n        <!-- 1. HEADER -->\n        <div class=\"calc-header\">\n            <h2>Kado Kelulusan<\/h2>\n            <p>Rayakan momen wisuda mereka dengan kado terbaik untuk hari kelulusannya.<\/p>\n        <\/div>\n\n        <!-- 2. REKOMENDASI PRODUK (Pindah ke Atas) -->\n        <label class=\"label-step\" id=\"label_rekomendasi_lulus\" style=\"text-align: center; font-size: 1.05rem;\">Rekomendasi Kado<\/label>\n        <div id=\"hasil-produk-lulus\">\n                        <div class=\"reko-item\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/03\/4-1-300x300.png\">\n                <p>Buket Bunga<\/p>\n                <span class=\"reko-price\">Mulai Rp 200.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/graduation\/\" class=\"btn-pilih\">Lihat Detail<\/a>\n            <\/div>\n                        <div class=\"reko-item\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/03\/1.png\">\n                <p>Papan Bunga Akrilik<\/p>\n                <span class=\"reko-price\">Mulai Rp 450.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/graduation\/\" class=\"btn-pilih\">Lihat Detail<\/a>\n            <\/div>\n                        <div class=\"reko-item\">\n                <img decoding=\"async\" src=\"https:\/\/floraindonesia.com\/wp-content\/uploads\/2026\/04\/10.png\">\n                <p>Papan Bunga Kertas<\/p>\n                <span class=\"reko-price\">Mulai Rp 400.000<\/span>\n                <a href=\"https:\/\/floraindonesia.com\/product-category\/graduation\/\" class=\"btn-pilih\">Lihat Detail<\/a>\n            <\/div>\n                    <\/div>\n\n        <!-- 3. TEKS PEMANCING \/ TRIGGER STATEMENT -->\n        <div class=\"sub-trigger-text\">\n            Kamu ga cuman sendiri untuk beli kado ini?\n        <\/div>\n\n        <!-- 4. KALKULATOR PATUNGAN (Pindah ke Bawah) -->\n        <div class=\"form-section\">\n            <label class=\"label-step\">1. Jumlah Pemberi Kado<\/label>\n            <select id=\"jml_orang_lulus\" class=\"flora-select\">\n                <option value='1'>1 Orang<\/option><option value='2'>2 Orang<\/option><option value='3'>3 Orang<\/option><option value='4'>4 Orang<\/option><option value='5'>5 Orang<\/option><option value='6'>6 Orang<\/option><option value='7'>7 Orang<\/option><option value='8'>8 Orang<\/option><option value='9'>9 Orang<\/option><option value='10'>10 Orang<\/option><option value='11'>11 Orang<\/option><option value='12'>12 Orang<\/option><option value='13'>13 Orang<\/option><option value='14'>14 Orang<\/option><option value='15'>15 Orang<\/option><option value='16'>16 Orang<\/option><option value='17'>17 Orang<\/option><option value='18'>18 Orang<\/option><option value='19'>19 Orang<\/option><option value='20'>20 Orang<\/option><option value='21'>21 Orang<\/option><option value='22'>22 Orang<\/option><option value='23'>23 Orang<\/option><option value='24'>24 Orang<\/option><option value='25'>25 Orang<\/option><option value='26'>26 Orang<\/option><option value='27'>27 Orang<\/option><option value='28'>28 Orang<\/option><option value='29'>29 Orang<\/option><option value='30'>30 Orang<\/option>            <\/select>\n        <\/div>\n\n        <div class=\"form-section\">\n            <label class=\"label-step\">2. Anggaran Per Orang<\/label>\n            <div class=\"budget-list\">\n                <label class=\"budget-item\"><input type=\"radio\" name=\"budget_lulus\" value=\"100000\"> max Rp 100rb<\/label>\n                <label class=\"budget-item\"><input type=\"radio\" name=\"budget_lulus\" value=\"300000\"> max Rp 300rb<\/label>\n                <label class=\"budget-item\"><input type=\"radio\" name=\"budget_lulus\" value=\"500000\"> max Rp 500rb<\/label>\n                <label class=\"budget-item\"><input type=\"radio\" name=\"budget_lulus\" value=\"1000000\"> > Rp 500rb<\/label>\n            <\/div>\n        <\/div>\n\n        <div id=\"box_total_lulus\" class=\"total-box\" style=\"display:none;\">\n            <span class=\"total-label\">Estimasi Total Dana Patungan<\/span>\n            <span id=\"total_display_lulus\" class=\"total-value\">Rp 0<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        function calculateLulus() {\n            var orang = parseInt($('#jml_orang_lulus').val()) || 1;\n            var budget = parseInt($('input[name=\"budget_lulus\"]:checked').val()) || 0;\n            var total = orang * budget;\n            \n            if(budget > 0) {\n                $('#total_display_lulus').text('Rp ' + total.toLocaleString('id-ID'));\n                $('#box_total_lulus').fadeIn();\n                $('#label_rekomendasi_lulus').text('Kado Sesuai Budget Patungan: Rp ' + total.toLocaleString('id-ID'));\n                \n                $('#hasil-produk-lulus').css('opacity', '0.4');\n                $.post('https:\/\/floraindonesia.com\/wp-admin\/admin-ajax.php', {\n                    action: 'flora_filter_lulus',\n                    total: total,\n                    category: 'graduation', \n                    nonce: '5be7915b49'\n                }, function(res) {\n                    $('#hasil-produk-lulus').html(res).css('opacity', '1');\n                    \/\/ Scroll smooth kembali ke atas agar user melihat produk baru hasil filter\n                    $('html, body').animate({\n                        scrollTop: $(\"#label_rekomendasi_lulus\").offset().top - 40\n                    }, 500);\n                });\n            }\n        }\n        $('#jml_orang_lulus, input[name=\"budget_lulus\"]').on('change', function() {\n            $('.budget-item').removeClass('active');\n            $('input[name=\"budget_lulus\"]:checked').parent().addClass('active');\n            calculateLulus();\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3829","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/comments?post=3829"}],"version-history":[{"count":4,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3829\/revisions"}],"predecessor-version":[{"id":3833,"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/pages\/3829\/revisions\/3833"}],"wp:attachment":[{"href":"https:\/\/floraindonesia.com\/en\/wp-json\/wp\/v2\/media?parent=3829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}