{"id":709,"date":"2026-01-07T18:07:51","date_gmt":"2026-01-07T18:07:51","guid":{"rendered":"https:\/\/ontaphocsinh.site\/?page_id=709"},"modified":"2026-04-05T09:52:38","modified_gmt":"2026-04-05T09:52:38","slug":"bucket_list","status":"publish","type":"page","link":"https:\/\/mindpost.jp\/index.php\/bucket_list\/","title":{"rendered":"\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"709\" class=\"elementor elementor-709\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3896d3 e-flex e-con-boxed e-con e-parent\" data-id=\"d3896d3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea0afdb elementor-widget elementor-widget-html\" data-id=\"ea0afdb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mp-bl-banner-section\">\r\n        <div class=\"mp-bl-banner-inner\">\r\n            <!-- Background Image -->\r\n            <div class=\"mp-bl-banner-img\">\r\n                <!-- Using a placeholder that resembles an elderly person using a laptop if possible, or just a generic one -->\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/bucketlist.png\"\r\n                    alt=\"Bucket List Banner\">\r\n            <\/div>\r\n            <!-- Text Overlay -->\r\n            <div class=\"mp-bl-banner-text-wrap\">\r\n                <h2 class=\"mp-bl-title\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/h2>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9abe807 e-flex e-con-boxed e-con e-parent\" data-id=\"9abe807\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a645bf5 elementor-widget elementor-widget-html\" data-id=\"a645bf5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"service-summary\">\r\n    <div class=\"service-item theme-blue\">\r\n        <div class=\"service-number\">1<\/div>\r\n        <div class=\"service-text\">\r\n            <span>\u533b\u7642\u3084\u846c\u5100\u306a\u3069\u610f\u601d\u306e\u30c7\u30fc\u30bf\u5316<\/span>\r\n            <strong>\u30c7\u30fc\u30bf\u30d0\u30f3\u30af\u30b5\u30fc\u30d3\u30b9<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item theme-green\">\r\n        <div class=\"service-number\">2<\/div>\r\n        <div class=\"service-text\">\r\n            <span>\u6b7b\u306c\u307e\u3067\u306b\u3057\u305f\u3044\u3053\u3068\u30ea\u30b9\u30c8<\/span>\r\n            <strong>\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item theme-yellow\">\r\n        <div class=\"service-number\">3<\/div>\r\n        <div class=\"service-text\">\r\n            <span>\u60f3\u3044\u3092\u8a00\u8449\u3084\u52d5\u753b\u3067\u6b8b\u3059<\/span>\r\n            <strong>\u30bf\u30a4\u30e0\u30dd\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item theme-pink\">\r\n        <div class=\"service-number\">4<\/div>\r\n        <div class=\"service-text\">\r\n            <span>\u4fdd\u967a\u30fb\u76f8\u7d9a\u8a3a\u65ad\u4ed6<\/span>\r\n            <strong>\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9<\/strong>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-426184d e-flex e-con-boxed e-con e-parent\" data-id=\"426184d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb2c075 elementor-widget elementor-widget-html\" data-id=\"cb2c075\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mp-section mp-intro-section\">\r\n        <div class=\"mp-container\">\r\n            <!-- Header Section -->\r\n            <div class=\"mp-header-wrapper\">\r\n                <div class=\"mp-title-container\">\r\n                    <div class=\"mp-title-bg-green-brush\"><\/div>\r\n                    <h2 class=\"mp-title\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u3068\u306f\uff1f<\/h2>\r\n                <\/div>\r\n                <!-- Note: The text in image says \"\u3084\u308a\u305f\u3044\u3053\u3068\u30ea\u30c8\" (typo in image?), assuming user wants faithful copy or corrected \"\u30ea\u30b9\u30c8\". I will correct to \"\u30ea\u30b9\u30c8\" for quality, or stick to text if strict. Copilot usually corrects obvious typos unless instructed otherwise. I will use \"\u30ea\u30b9\u30c8\". -->\r\n                <p class=\"mp-description\">\r\n                    \u300c\u6b7b\u306c\u307e\u3067\u306b\u3084\u308a\u305f\u3044\u3053\u3068\u300d\u3092\u307e\u3068\u3081\u305f\u30ea\u30b9\u30c8\u306e\u3053\u3068\u3002\u5358\u306a\u308b\u300c\u3084\u308a\u305f\u3044\u3053\u3068\u30ea\u30b9\u30c8\u300d\u3067\u306f\u306a\u304f\u3001\u307e\u305f\u300c\u3084\u3089\u306a\u3051\u308c\u3070\u3044\u3051\u306a\u3044\u30ea\u30b9\u30c8\u300d\u3067\u3082\u3054\u3056\u3044\u307e\u305b\u3093\u3002\u3042\u304f\u307e\u3067\u3001\u4eba\u751f\u3092\u3088\u308a\u8c4a\u304b\u306b\u3001\u5f8c\u6094\u306a\u304f\u751f\u304d\u308b\u305f\u3081\u300c\u91cd\u3044\u8170\u3092\u6301\u3061\u4e0a\u3052\u308b\u300d\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3068\u8a00\u3063\u3066\u3082\u904e\u8a00\u3067\u306f\u306a\u304f\u3001\u300c\u6b7b\u300d\u3068\u5bfe\u5cd9\u3057\u3066\u3053\u305d\u300c\u751f\u300d\u3092\u8b33\u6b4c\u3067\u304d\u308b\u3068\u3057\u3066\u3001\u3068\u3066\u3082\u524d\u5411\u304d\u306a\u30de\u30a4\u30f3\u30c9\u30bb\u30c3\u30c8\u306b\u3082\u306a\u308b\u3068\u3057\u3066\u3082\u6709\u540d\u3067\u3059\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Cards Grid -->\r\n            <div class=\"mp-cards-grid\">\r\n\r\n                <!-- Card 1 -->\r\n                <div class=\"mp-card\">\r\n                    <div class=\"mp-card-icon-wrapper\">\r\n                        <!-- Placeholder for Icon Image -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/4-ic1.png\" alt=\"Rule Manual Icon\" class=\"mp-card-icon-img\">\r\n                    <\/div>\r\n                    <h3 class=\"mp-card-title\">\u30eb\u30fc\u30eb\u30fb\u30de\u30cb\u30e5\u30a2\u30eb<\/h3>\r\n                    <p class=\"mp-card-text\">\r\n                        \u30eb\u30fc\u30eb\u3082\u30de\u30cb\u30e5\u30a2\u30eb\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u300c\u9810\u8caf\u91d1\u304c\u6e1b\u308b\u300d\u300c\u7686\u304b\u3089\u5fc3\u914d\u3055\u308c\u308b\u300d\u306a\u3069\u3001\u73fe\u5b9f\u7684\u3067\u898b\u5730\u3084\u4ed6\u4eba\u304b\u3089\u306e\u8a55\u4fa1\u306f\u4e00\u65e6\u5fd8\u308c\u3001\u5b50\u3069\u3082\u3063\u307d\u3044\u3068\u601d\u3048\u308b\u3088\u3046\u306a\u3053\u3068\u3067\u3082\u3001\u3055\u3055\u3084\u304b\u306a\u5922\u3082\u5927\u304d\u306a\u76ee\u6a19\u3082\u3001\u5168\u3066\u66f8\u304d\u51fa\u3057\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 2 -->\r\n                <div class=\"mp-card\">\r\n                    <div class=\"mp-card-icon-wrapper\">\r\n                        <!-- Placeholder for Icon Image -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/4-ic2.png\" alt=\"Tips Icon\" class=\"mp-card-icon-img\">\r\n                    <\/div>\r\n                    <h3 class=\"mp-card-title\">\u5275\u308b\u30b3\u30c4<\/h3>\r\n                    <p class=\"mp-card-text\">\r\n                        \u601d\u3044\u4ed8\u304b\u306a\u3044\u3068\u8a00\u3046\u65b9\u306b\u304a\u52e7\u3081\u306a\u306e\u304c\u3001\u30ab\u30c6\u30b4\u30ea\u30fc\u5225\u306b\u66f8\u304f\u3053\u3068\u3067\u3059\u3002\u884c\u304d\u305f\u3044\u5834\u6240\u3001\u6b32\u3057\u3044\u3082\u306e\u3001\u4f1a\u3044\u305f\u3044\u4eba\u3001\u5b66\u3073\u305f\u3044\u3053\u3068\u3001\u306a\u308a\u305f\u3044\u81ea\u5206\u3001\u53d6\u308a\u623b\u3057\u305f\u3044\u4eba\u9593\u95a2\u4fc2\uff08\u5bb6\u65cf\u3001\u604b\u611b\u3001\u53cb\u4eba\uff09\u3068\u304b\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Card 3 -->\r\n                <div class=\"mp-card\">\r\n                    <div class=\"mp-card-icon-wrapper\">\r\n                        <!-- Placeholder for Icon Image -->\r\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/4-ic4.png\" alt=\"Progress Icon\" class=\"mp-card-icon-img\">\r\n                    <\/div>\r\n                    <h3 class=\"mp-card-title\">\u5b9f\u884c\u30fb\u9032\u6357\u7ba1\u7406<\/h3>\r\n                    <p class=\"mp-card-text\">\r\n                        \u512a\u5148\u9806\u4f4d\u3068\u671f\u9650\u3092\u6c7a\u3081\u3001\u5b9a\u671f\u7684\u306b\u8aad\u307f\u8fd4\u3057\u3066\u73fe\u72b6\u3092\u78ba\u8a8d\u3001\u9054\u6210\u3067\u304d\u305f\u30ea\u30b9\u30c8\u306b\u306f\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u3066\u3001\u9054\u6210\u3057\u305f\u65e5\u4ed8\u3082\u66f8\u304d\u8fbc\u307f\u307e\u3059\u3002\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u305f\u9805\u76ee\u304c\u5897\u3048\u308b\u3054\u3068\u306b\u9054\u6210\u611f\u304c\u5473\u308f\u3048\u3001\u30e2\u30c1\u30d9\u3082\u4e0a\u304c\u308a\u307e\u3059\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ee23da e-flex e-con-boxed e-con e-parent\" data-id=\"9ee23da\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cab1984 e-flex e-con-boxed e-con e-parent\" data-id=\"cab1984\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-055fc8f elementor-widget elementor-widget-shortcode\" data-id=\"055fc8f\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"mp-section mp-bucket-list-section\">\n    <div class=\"mp-container\">\n        <!-- Header Section -->\n        <div class=\"mp-header-wrapper\">\n            <div class=\"mp-title-container\">\n                <div class=\"mp-title-bg\"><\/div>\n                <h2 class=\"mp-title\">1. \u6b7b\u306c\u307e\u3067\u306b\u3084\u308a\u305f\u3044\u3053\u3068<\/h2>\n            <\/div>\n            <p class=\"mp-description\">\n                \u3054\u81ea\u8eab\u3067\u3084\u308a\u305f\u3044\u3053\u3068\u3001\u3054\u81ea\u8eab\u306e\u3042\u308a\u305f\u3044\u59ff\u7b49\u3005\u3001\u660e\u65e5\u3067\u304d\u308b\u8eab\u8fd1\u3067\u5c0f\u3055\u306a\u3053\u3068\u304b\u3089\u3001\u6570\u5e74\u5148\u307e\u3067\u304b\u639b\u304b\u308b\u3088\u3046\u306a\u58ee\u5927\u3067\u5922\u306e\u3088\u3046\u306b\u5927\u304d\u306a\u3053\u3068\u307e\u3067\u3001\u660e\u308b\u3044\u672a\u6765\u3092\u60f3\u50cf\u3059\u308b\u306e\u304c\u697d\u3057\u304f\u306a\u308b\u3053\u3068\u3092\u5165\u529b\u3001\u9032\u6357\u7ba1\u7406\u3057\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n    \n\n    <section class=\"mp-section mp-bucket-list-section\">\n        <div class=\"mp-container\">\n            <div class=\"mp-table-container\">\n                <table class=\"mp-bucket-table\">\n                    <thead>\n                    <tr>\n                        <th class=\"mp-col-no\">#<\/th>\n                        <th class=\"mp-col-list\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8<\/th>\n                        <th class=\"mp-col-date\">\u5165\u529b\u65e5<\/th>\n                        <th class=\"mp-col-period\">\u5b9f\u65bd\u4e88\u5b9a\u671f\u9593<\/th>\n                        <th class=\"mp-col-status\">\u30b9\u30c6\u30fc\u30bf\u30b9<\/th>\n                        <th class=\"mp-col-action\">\u7de8\u96c6<\/th>\n                    <\/tr>\n                    <\/thead>\n                    <tbody id=\"mp_bucket_69e0dd97e3ca3\">\n                    <tr><td colspan=\"6\" style=\"text-align:center\">Loading...<\/td><\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Popup s\u1eeda bucket -->\n    <div id=\"mp-bucket-edit-popup-mp_bucket_69e0dd97e3ca3\" class=\"mp-bucket-edit-popup\" style=\"display:none;\">\n        <div class=\"mp-popup-overlay\"><\/div>\n        <div class=\"mp-popup-content\" style=\"max-width:420px;\">\n            <button class=\"mp-popup-close\" type=\"button\">\u00d7<\/button>\n            <h3 style=\"margin:0 0 16px;\">\u7de8\u96c6<\/h3>\n            <form id=\"mp-bucket-edit-form-mp_bucket_69e0dd97e3ca3\">\n                <input type=\"hidden\" name=\"id\" id=\"mp-edit-id-mp_bucket_69e0dd97e3ca3\">\n                <div class=\"mp-form-group\" style=\"margin-bottom:12px;\">\n                    <label class=\"mp-label\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8<\/label>\n                    <input type=\"text\" class=\"mp-input\" name=\"name\" id=\"mp-edit-name-mp_bucket_69e0dd97e3ca3\" required>\n                <\/div>\n                <div class=\"mp-form-group\" style=\"margin-bottom:12px;\">\n                    <label class=\"mp-label\">\u5b9f\u65bd\u4e88\u5b9a\u671f\u9593<\/label>\n                    <input type=\"date\" class=\"mp-input\" name=\"start_time\" id=\"mp-edit-start-mp_bucket_69e0dd97e3ca3\" required>\n                <\/div>\n                <div class=\"mp-form-group\" style=\"margin-bottom:16px;\">\n                    <label class=\"mp-label\">\u30b9\u30c6\u30fc\u30bf\u30b9<\/label>\n                    <select class=\"mp-input\" name=\"status\" id=\"mp-edit-status-mp_bucket_69e0dd97e3ca3\">\n                        <option value=\"not_start\">\u23f3 Not started<\/option>\n                        <option value=\"in_progress\">\u270f\ufe0f In progress<\/option>\n                        <option value=\"completed\">\u2705 Completed<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"mp-form-actions\">\n                    <button type=\"submit\" class=\"mp-btn-post\">\u66f4\u65b0<\/button>\n                    <button type=\"button\" class=\"mp-btn-cancel\" style=\"margin-left:8px;\">\u30ad\u30e3\u30f3\u30bb\u30eb<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n    <style>\n    .mp-bucket-edit-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;}\n    .mp-bucket-edit-popup .mp-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);}\n    .mp-bucket-edit-popup .mp-popup-content{position:relative;background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);}\n    .mp-bucket-edit-popup .mp-popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;}\n    .mp-btn-cancel{background:#999;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;}\n    .mp-btn-edit{border:none;background:#0073aa;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;}\n    .mp-btn-edit:hover{background:#005a87;}\n    <\/style>\n\n    <script>\n      (function () {\n\n        const tbody = document.getElementById('mp_bucket_69e0dd97e3ca3');\n        if (!tbody) return;\n\n        const popup = document.getElementById('mp-bucket-edit-popup-mp_bucket_69e0dd97e3ca3');\n        const form = document.getElementById('mp-bucket-edit-form-mp_bucket_69e0dd97e3ca3');\n        const editId = document.getElementById('mp-edit-id-mp_bucket_69e0dd97e3ca3');\n        const editName = document.getElementById('mp-edit-name-mp_bucket_69e0dd97e3ca3');\n        const editStart = document.getElementById('mp-edit-start-mp_bucket_69e0dd97e3ca3');\n        const editStatus = document.getElementById('mp-edit-status-mp_bucket_69e0dd97e3ca3');\n\n        function openEditPopup(item) {\n          editId.value = item.id;\n          editName.value = item.name || '';\n          editStart.value = item.start_time || '';\n          editStatus.value = item.status || 'not_start';\n          popup.style.display = 'flex';\n        }\n\n        function closeEditPopup() {\n          popup.style.display = 'none';\n        }\n\n        if (popup) {\n          popup.querySelector('.mp-popup-close').onclick =\n          popup.querySelector('.mp-popup-overlay').onclick =\n          popup.querySelector('.mp-btn-cancel').onclick = closeEditPopup;\n        }\n\n        form.addEventListener('submit', async function (e) {\n          e.preventDefault();\n          try {\n            const res = await fetch('https:\/\/mindpost.jp\/index.php\/wp-json\/mp\/v1\/update-bucket', {\n              method: 'POST',\n              headers: {\n                'Content-Type': 'application\/json',\n                'X-WP-Nonce': '27b767a301'\n              },\n              credentials: 'same-origin',\n              body: JSON.stringify({\n                id: editId.value,\n                name: editName.value,\n                start_time: editStart.value,\n                status: editStatus.value\n              })\n            });\n            const json = await res.json();\n            if (typeof showToast === 'function') showToast(json.status, json.message);\n            if (json.status === 'success') {\n              closeEditPopup();\n              location.reload();\n            }\n          } catch (err) {\n            if (typeof showToast === 'function') showToast('error', 'Server error');\n          }\n        });\n\n        fetch('https:\/\/mindpost.jp\/index.php\/wp-json\/mp\/v1\/bucket-list?type=before_die', {\n          credentials: 'same-origin',\n          headers: {\n            'X-WP-Nonce': '27b767a301'\n          }\n        })\n          .then(res => res.json())\n          .then(json => {\n\n            tbody.innerHTML = '';\n\n            if (!json.success || !json.data || json.data.length === 0) {\n              tbody.innerHTML = '<tr><td colspan=\"6\" style=\"text-align:center\">No data<\/td><\/tr>';\n              return;\n            }\n\n            const statusMap = {\n              not_start: {\n                text: '\u23f3 Not started',\n                class: 'notstarted'\n              },\n              in_progress: {\n                text: '\u270f\ufe0f In progress',\n                class: 'inprogress'\n              },\n              completed: {\n                text: '\u2705 Completed',\n                class: 'completed'\n              }\n            };\n\n            json.data.forEach((item, index) => {\n\n              const status = statusMap[item.status] || {\n                text: item.status,\n                class: 'default'\n              };\n\n              const escapedName = (item.name || '').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;').replace(\/\"\/g, '&quot;');\n\n              const btn = document.createElement('button');\n              btn.type = 'button';\n              btn.className = 'mp-btn-edit';\n              btn.textContent = '\u7de8\u96c6';\n              btn.dataset.id = item.id;\n              btn.dataset.name = item.name || '';\n              btn.dataset.startTime = item.start_time || '';\n              btn.dataset.status = item.status || 'not_start';\n\n              const tr = document.createElement('tr');\n              tr.innerHTML = `\n                <td style=\"width:60px; text-align:center;\">${index + 1}<\/td>\n                <td class=\"mp-cell-list\">${escapedName}<\/td>\n                <td class=\"mp-cell-date\"><span class=\"mp-date-pill\">${item.created_time}<\/span><\/td>\n                <td class=\"mp-cell-period\"><span class=\"mp-date-pill\">${item.start_time}<\/span><\/td>\n                <td class=\"mp-cell-status\"><span class=\"mp-status-badge mp-status-${status.class}\">${status.text}<\/span><\/td>\n                <td class=\"mp-cell-action\"><\/td>\n              `;\n              tr.querySelector('.mp-cell-action').appendChild(btn);\n              tbody.appendChild(tr);\n\n              btn.addEventListener('click', function (e) {\n                e.stopPropagation();\n                openEditPopup({\n                  id: this.dataset.id,\n                  name: this.dataset.name,\n                  start_time: this.dataset.startTime,\n                  status: this.dataset.status\n                });\n              });\n            });\n          })\n          .catch(err => {\n            console.error('Bucket list error:', err);\n            tbody.innerHTML = '<tr><td colspan=\"6\">Error loading data<\/td><\/tr>';\n          });\n\n      })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b86e5 elementor-widget elementor-widget-shortcode\" data-id=\"c5b86e5\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"mp-section\">\n    <div class=\"mp-container\">\n        <!-- Header Section -->\n        <div class=\"mp-header-wrapper\">\n            <div class=\"mp-title-container\">\n                <div class=\"mp-title-bg\"><\/div> <!-- Light green brush same as bucket list -->\n                <h2 class=\"mp-title\">2. \u81ea\u5206\u4ee5\u5916\u306e\u3053\u3068\u3067\u3001\u3053\u3046\u306a\u3063\u3066\u307b\u3057\u3044\u3053\u3068<\/h2>\n            <\/div>\n            <p class=\"mp-description\">\n                \u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u3068\u306f\u3001\u3084\u3084\u8da3\u65e8\u306e\u7570\u306a\u308b\u30ea\u30b9\u30c8\u3068\u306a\u308a\u307e\u3059\u304c\u3001\u5b50\u4f9b\u306b\u306f\u300c\u5144\u5f1f\u4ef2\u826f\u304f\u3044\u3066\u307b\u3057\u3044\u300d\u3068\u304b\u3001\u59bb\u306b\u306f\u300c\u597d\u304d\u306a\u3053\u3068\u3092\u3057\u3066\u307b\u3057\u3044\u300d\u3068\u304b\u3001\u6b8b\u3055\u308c\u308b\u4eba\u306b\u5bfe\u3057\u3066\u306e\u60f3\u3044\u3092\u7db4\u3063\u3066\u304a\u304f\u306e\u3082\u3001\u5f8c\u306b\u898b\u305f\u5bb6\u65cf\u306b\u306f\u5b09\u3057\u3044\u3082\u306e\u3068\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n \n    <section class=\"mp-section mp-bucket-list-section\">\n        <div class=\"mp-container\">\n            <div class=\"mp-table-container\">\n                <table class=\"mp-bucket-table\">\n                    <thead>\n                    <tr>\n                        <th class=\"mp-col-no\">#<\/th>\n                        <th class=\"mp-col-list\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8<\/th>\n                        <th class=\"mp-col-date\">\u5165\u529b\u65e5<\/th>\n                        <th class=\"mp-col-period\">\u5b9f\u65bd\u4e88\u5b9a\u671f\u9593<\/th>\n                        <th class=\"mp-col-status\">\u30b9\u30c6\u30fc\u30bf\u30b9<\/th>\n                        <th class=\"mp-col-action\">\u7de8\u96c6<\/th>\n                    <\/tr>\n                    <\/thead>\n                    <tbody id=\"mp_bucket_69e0dd97e4220\">\n                    <tr><td colspan=\"6\" style=\"text-align:center\">Loading...<\/td><\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Popup s\u1eeda bucket -->\n    <div id=\"mp-bucket-edit-popup-mp_bucket_69e0dd97e4220\" class=\"mp-bucket-edit-popup\" style=\"display:none;\">\n        <div class=\"mp-popup-overlay\"><\/div>\n        <div class=\"mp-popup-content\" style=\"max-width:420px;\">\n            <button class=\"mp-popup-close\" type=\"button\">\u00d7<\/button>\n            <h3 style=\"margin:0 0 16px;\">\u7de8\u96c6<\/h3>\n            <form id=\"mp-bucket-edit-form-mp_bucket_69e0dd97e4220\">\n                <input type=\"hidden\" name=\"id\" id=\"mp-edit-id-mp_bucket_69e0dd97e4220\">\n                <div class=\"mp-form-group\" style=\"margin-bottom:12px;\">\n                    <label class=\"mp-label\">\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8<\/label>\n                    <input type=\"text\" class=\"mp-input\" name=\"name\" id=\"mp-edit-name-mp_bucket_69e0dd97e4220\" required>\n                <\/div>\n                <div class=\"mp-form-group\" style=\"margin-bottom:12px;\">\n                    <label class=\"mp-label\">\u5b9f\u65bd\u4e88\u5b9a\u671f\u9593<\/label>\n                    <input type=\"date\" class=\"mp-input\" name=\"start_time\" id=\"mp-edit-start-mp_bucket_69e0dd97e4220\" required>\n                <\/div>\n                <div class=\"mp-form-group\" style=\"margin-bottom:16px;\">\n                    <label class=\"mp-label\">\u30b9\u30c6\u30fc\u30bf\u30b9<\/label>\n                    <select class=\"mp-input\" name=\"status\" id=\"mp-edit-status-mp_bucket_69e0dd97e4220\">\n                        <option value=\"not_start\">\u23f3 Not started<\/option>\n                        <option value=\"in_progress\">\u270f\ufe0f In progress<\/option>\n                        <option value=\"completed\">\u2705 Completed<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"mp-form-actions\">\n                    <button type=\"submit\" class=\"mp-btn-post\">\u66f4\u65b0<\/button>\n                    <button type=\"button\" class=\"mp-btn-cancel\" style=\"margin-left:8px;\">\u30ad\u30e3\u30f3\u30bb\u30eb<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n    <style>\n    .mp-bucket-edit-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;}\n    .mp-bucket-edit-popup .mp-popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);}\n    .mp-bucket-edit-popup .mp-popup-content{position:relative;background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);}\n    .mp-bucket-edit-popup .mp-popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;}\n    .mp-btn-cancel{background:#999;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;}\n    .mp-btn-edit{border:none;background:#0073aa;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;}\n    .mp-btn-edit:hover{background:#005a87;}\n    <\/style>\n\n    <script>\n      (function () {\n\n        const tbody = document.getElementById('mp_bucket_69e0dd97e4220');\n        if (!tbody) return;\n\n        const popup = document.getElementById('mp-bucket-edit-popup-mp_bucket_69e0dd97e4220');\n        const form = document.getElementById('mp-bucket-edit-form-mp_bucket_69e0dd97e4220');\n        const editId = document.getElementById('mp-edit-id-mp_bucket_69e0dd97e4220');\n        const editName = document.getElementById('mp-edit-name-mp_bucket_69e0dd97e4220');\n        const editStart = document.getElementById('mp-edit-start-mp_bucket_69e0dd97e4220');\n        const editStatus = document.getElementById('mp-edit-status-mp_bucket_69e0dd97e4220');\n\n        function openEditPopup(item) {\n          editId.value = item.id;\n          editName.value = item.name || '';\n          editStart.value = item.start_time || '';\n          editStatus.value = item.status || 'not_start';\n          popup.style.display = 'flex';\n        }\n\n        function closeEditPopup() {\n          popup.style.display = 'none';\n        }\n\n        if (popup) {\n          popup.querySelector('.mp-popup-close').onclick =\n          popup.querySelector('.mp-popup-overlay').onclick =\n          popup.querySelector('.mp-btn-cancel').onclick = closeEditPopup;\n        }\n\n        form.addEventListener('submit', async function (e) {\n          e.preventDefault();\n          try {\n            const res = await fetch('https:\/\/mindpost.jp\/index.php\/wp-json\/mp\/v1\/update-bucket', {\n              method: 'POST',\n              headers: {\n                'Content-Type': 'application\/json',\n                'X-WP-Nonce': '27b767a301'\n              },\n              credentials: 'same-origin',\n              body: JSON.stringify({\n                id: editId.value,\n                name: editName.value,\n                start_time: editStart.value,\n                status: editStatus.value\n              })\n            });\n            const json = await res.json();\n            if (typeof showToast === 'function') showToast(json.status, json.message);\n            if (json.status === 'success') {\n              closeEditPopup();\n              location.reload();\n            }\n          } catch (err) {\n            if (typeof showToast === 'function') showToast('error', 'Server error');\n          }\n        });\n\n        fetch('https:\/\/mindpost.jp\/index.php\/wp-json\/mp\/v1\/bucket-list?type=for_others', {\n          credentials: 'same-origin',\n          headers: {\n            'X-WP-Nonce': '27b767a301'\n          }\n        })\n          .then(res => res.json())\n          .then(json => {\n\n            tbody.innerHTML = '';\n\n            if (!json.success || !json.data || json.data.length === 0) {\n              tbody.innerHTML = '<tr><td colspan=\"6\" style=\"text-align:center\">No data<\/td><\/tr>';\n              return;\n            }\n\n            const statusMap = {\n              not_start: {\n                text: '\u23f3 Not started',\n                class: 'notstarted'\n              },\n              in_progress: {\n                text: '\u270f\ufe0f In progress',\n                class: 'inprogress'\n              },\n              completed: {\n                text: '\u2705 Completed',\n                class: 'completed'\n              }\n            };\n\n            json.data.forEach((item, index) => {\n\n              const status = statusMap[item.status] || {\n                text: item.status,\n                class: 'default'\n              };\n\n              const escapedName = (item.name || '').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;').replace(\/\"\/g, '&quot;');\n\n              const btn = document.createElement('button');\n              btn.type = 'button';\n              btn.className = 'mp-btn-edit';\n              btn.textContent = '\u7de8\u96c6';\n              btn.dataset.id = item.id;\n              btn.dataset.name = item.name || '';\n              btn.dataset.startTime = item.start_time || '';\n              btn.dataset.status = item.status || 'not_start';\n\n              const tr = document.createElement('tr');\n              tr.innerHTML = `\n                <td style=\"width:60px; text-align:center;\">${index + 1}<\/td>\n                <td class=\"mp-cell-list\">${escapedName}<\/td>\n                <td class=\"mp-cell-date\"><span class=\"mp-date-pill\">${item.created_time}<\/span><\/td>\n                <td class=\"mp-cell-period\"><span class=\"mp-date-pill\">${item.start_time}<\/span><\/td>\n                <td class=\"mp-cell-status\"><span class=\"mp-status-badge mp-status-${status.class}\">${status.text}<\/span><\/td>\n                <td class=\"mp-cell-action\"><\/td>\n              `;\n              tr.querySelector('.mp-cell-action').appendChild(btn);\n              tbody.appendChild(tr);\n\n              btn.addEventListener('click', function (e) {\n                e.stopPropagation();\n                openEditPopup({\n                  id: this.dataset.id,\n                  name: this.dataset.name,\n                  start_time: this.dataset.startTime,\n                  status: this.dataset.status\n                });\n              });\n            });\n          })\n          .catch(err => {\n            console.error('Bucket list error:', err);\n            tbody.innerHTML = '<tr><td colspan=\"6\">Error loading data<\/td><\/tr>';\n          });\n\n      })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4220727 elementor-widget elementor-widget-shortcode\" data-id=\"4220727\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><p>\u30ed\u30b0\u30a4\u30f3\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cc8ff6 e-flex e-con-boxed e-con e-parent\" data-id=\"4cc8ff6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de8cb9f elementor-widget elementor-widget-html\" data-id=\"de8cb9f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mp-unique-quote-banner-section\">\r\n        <div class=\"mp-quote-banner-container\">\r\n            <!-- Background Image -->\r\n            <div class=\"mp-quote-img-wrap\">\r\n                <!-- Placeholder for Elderly Woman Image -->\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/qt4.png\"\r\n                    alt=\"Quote Background\">\r\n            <\/div>\r\n            <!-- Text Overlay -->\r\n            <div class=\"mp-quote-text-overlay\">\r\n                <p class=\"mp-quote-en\">It always seems impossible until it\u2019s done.<\/p>\r\n                <p class=\"mp-quote-jp\">\u4f55\u4e8b\u3082\u6210\u529f\u3059\u308b\u307e\u3067\u306f\u4e0d\u53ef\u80fd\u306b\u601d\u3048\u308b\u3082\u306e\u3067\u3042\u308b\u3002<\/p>\r\n                <p class=\"mp-quote-citation\">Nelson Mandela\uff08\u30cd\u30eb\u30bd\u30f3\u30fb\u30de\u30f3\u30c7\u30e9\uff09\u3000Reference Wikipedia,,<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\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":"<p>\u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9 1 \u533b\u7642\u3084\u846c\u5100\u306a\u3069\u610f\u601d\u306e\u30c7\u30fc\u30bf\u5316 \u30c7\u30fc\u30bf\u30d0\u30f3\u30af\u30b5\u30fc\u30d3\u30b9 2 \u6b7b\u306c\u307e\u3067\u306b\u3057\u305f\u3044\u3053\u3068\u30ea\u30b9\u30c8 \u30d0\u30b1\u30c3\u30c8\u30ea\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9 3 \u60f3\u3044\u3092\u8a00\u8449\u3084\u52d5\u753b\u3067\u6b8b\u3059 \u30bf\u30a4\u30e0\u30dd\u30b9\u30c8\u30b5\u30fc\u30d3\u30b9 4 \u4fdd\u967a\u30fb\u76f8\u7d9a\u8a3a\u65ad\u4ed6 \u30b3\u30f3\u30b5\u30eb\u30c6\u30a3 [&#8230;]\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-709","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/pages\/709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/comments?post=709"}],"version-history":[{"count":28,"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/pages\/709\/revisions"}],"predecessor-version":[{"id":1433,"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/pages\/709\/revisions\/1433"}],"wp:attachment":[{"href":"https:\/\/mindpost.jp\/index.php\/wp-json\/wp\/v2\/media?parent=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}