first commit

admin/templates/editor-canvas-vue.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * File ini dipanggil oleh fungsi admin WordPress Anda untuk merender canvas.
+ */
+
+// 1. Ambil data awal dari WordPress
+$post_id = isset($_GET['post']) ? intval($_GET['post']) : 0;
+$saved_config_json = '[]';
+if ($post_id > 0) {
+    $formipay_post_meta = get_post_meta($post_id, 'formipay_settings', true);
+    if (!empty($formipay_post_meta['fields'])) {
+        $saved_config_json = json_encode($formipay_post_meta['fields']);
+    }
+}
+
+// Data yang akan kita lewatkan ke Vue
+// Menggantikan objek `formipay_admin` dari kode lama
+$vue_app_data = [
+    'savedFields' => json_decode($saved_config_json), // Kirim sebagai objek, bukan string
+    'ajaxUrl'     => admin_url('admin-ajax.php'),
+    'nonce'       => wp_create_nonce('formipay-secure-nonce'),
+    'formId'      => $post_id,
+    'presets'     => [
+        'countryList' => your_function_to_get_countries() // Panggil fungsi PHP Anda di sini
+    ],
+];
+?>
+
+<div id="formipay-builder-app" data-app-data='<?php echo esc_attr(json_encode($vue_app_data)); ?>'>
+    <p>Loading Form Builder...</p>
+</div>