{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/pricing-toggle-section",
  "version": "1.0.0",
  "title": "Pricing Toggle Section",
  "category": "bPlugins",
  "description": "A monthly/annual pricing section with plan cards, feature lists, comparison table, and five styles.",
  "keywords": [
    "pricing",
    "toggle",
    "billing",
    "plans",
    "saas",
    "subscription",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "Pricing",
        "title": "Simple, Transparent Pricing",
        "subtitle": "Choose the plan that works for your team. Upgrade or cancel at any time.",
        "defaultBilling": "annual",
        "toggleLabelMonthly": "Monthly",
        "toggleLabelAnnual": "Annual",
        "annualSavingsBadge": "Save 20%",
        "showSavingsBadge": true,
        "plans": [
          {
            "id": "plan-1",
            "name": "Starter",
            "description": "For individuals and small projects",
            "priceMonthly": "12",
            "priceAnnual": "9",
            "currency": "$",
            "periodMonthly": "/month",
            "periodAnnual": "/month, billed annually",
            "highlighted": false,
            "highlightLabel": "Most Popular",
            "ctaLabel": "Get Started",
            "ctaUrl": "https://example.com",
            "ctaNewTab": false,
            "features": [
              {
                "text": "5 projects",
                "included": true
              },
              {
                "text": "10 GB storage",
                "included": true
              },
              {
                "text": "Email support",
                "included": true
              },
              {
                "text": "API access",
                "included": false
              }
            ]
          },
          {
            "id": "plan-2",
            "name": "Pro",
            "description": "For growing teams and businesses",
            "priceMonthly": "29",
            "priceAnnual": "23",
            "currency": "$",
            "periodMonthly": "/month",
            "periodAnnual": "/month, billed annually",
            "highlighted": true,
            "highlightLabel": "Most Popular",
            "ctaLabel": "Start Free Trial",
            "ctaUrl": "https://example.com",
            "ctaNewTab": false,
            "features": [
              {
                "text": "Unlimited projects",
                "included": true
              },
              {
                "text": "100 GB storage",
                "included": true
              },
              {
                "text": "Priority support",
                "included": true
              },
              {
                "text": "API access",
                "included": true
              }
            ]
          },
          {
            "id": "plan-3",
            "name": "Enterprise",
            "description": "For large organisations with custom needs",
            "priceMonthly": "99",
            "priceAnnual": "79",
            "currency": "$",
            "periodMonthly": "/month",
            "periodAnnual": "/month, billed annually",
            "highlighted": false,
            "highlightLabel": "Most Popular",
            "ctaLabel": "Contact Sales",
            "ctaUrl": "https://example.com",
            "ctaNewTab": false,
            "features": [
              {
                "text": "Unlimited projects",
                "included": true
              },
              {
                "text": "1 TB storage",
                "included": true
              },
              {
                "text": "24/7 phone support",
                "included": true
              },
              {
                "text": "API access",
                "included": true
              },
              {
                "text": "SSO & SAML",
                "included": true
              },
              {
                "text": "Dedicated account manager",
                "included": true
              }
            ]
          }
        ],
        "comparisonTable": {
          "show": false,
          "title": "Full Feature Comparison",
          "rows": [
            {
              "id": "row-1",
              "feature": "Projects",
              "values": [
                "5",
                "Unlimited",
                "Unlimited"
              ]
            },
            {
              "id": "row-2",
              "feature": "Storage",
              "values": [
                "10 GB",
                "100 GB",
                "1 TB"
              ]
            },
            {
              "id": "row-3",
              "feature": "API access",
              "values": [
                "false",
                "true",
                "true"
              ]
            },
            {
              "id": "row-4",
              "feature": "SSO & SAML",
              "values": [
                "false",
                "false",
                "true"
              ]
            }
          ]
        },
        "faqItems": [
          {
            "id": "faq-1",
            "question": "Can I change my plan later?",
            "answer": "Yes, you can upgrade or downgrade your plan at any time. Changes take effect immediately."
          },
          {
            "id": "faq-2",
            "question": "Do you offer a free trial?",
            "answer": "Yes, the Pro plan includes a 14-day free trial with no credit card required."
          },
          {
            "id": "faq-3",
            "question": "What payment methods do you accept?",
            "answer": "We accept all major credit cards and PayPal. Enterprise plans can also pay by invoice."
          }
        ],
        "showFaq": false,
        "faqTitle": "Frequently Asked Questions"
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "isToggle": true,
        "isSavingsBadge": true,
        "isComparisonTable": false,
        "isFaq": false
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#f9fafb",
          "gradient": "linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "24px",
            "bottom": "80px",
            "left": "24px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        }
      }
    },
    "layout": {
      "type": "object",
      "default": {
        "contentAlign": "center",
        "maxWidth": "1180px",
        "columns": {
          "desktop": 3,
          "tablet": 2,
          "mobile": 1
        }
      }
    },
    "accentColor": {
      "type": "object",
      "default": {
        "color": "#6366f1"
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 800,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 48,
            "tablet": 40,
            "mobile": 32
          },
          "lineHeight": "1.15",
          "letterSpace": "0px"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 20,
            "tablet": 18,
            "mobile": 16
          },
          "lineHeight": "1.65",
          "letterSpace": "0px"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#eff6ff",
        "textColor": "#2563eb",
        "borderRadius": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        }
      }
    },
    "toggleStyle": {
      "type": "object",
      "default": {
        "trackBg": "#e5e7eb",
        "activeTrackBg": "#6366f1",
        "thumbColor": "#ffffff",
        "labelColor": "#374151",
        "activeLabelColor": "#6366f1",
        "savingsBadgeBg": "#dcfce7",
        "savingsBadgeColor": "#16a34a",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 14,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "cardStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#ffffff",
        "borderColor": "#e5e7eb",
        "borderRadius": {
          "top": "16px",
          "right": "16px",
          "bottom": "16px",
          "left": "16px"
        },
        "padding": {
          "desktop": {
            "top": "32px",
            "right": "32px",
            "bottom": "32px",
            "left": "32px"
          },
          "tablet": {
            "top": "24px",
            "right": "24px",
            "bottom": "24px",
            "left": "24px"
          },
          "mobile": {
            "top": "20px",
            "right": "20px",
            "bottom": "20px",
            "left": "20px"
          }
        },
        "hoverShadow": "0 12px 40px rgba(0,0,0,0.10)"
      }
    },
    "highlightedCardStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#6366f1",
        "textColor": "#ffffff",
        "borderRadius": {
          "top": "16px",
          "right": "16px",
          "bottom": "16px",
          "left": "16px"
        }
      }
    },
    "planNameStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "highlightedColor": "#ffffff",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 22,
            "tablet": 20,
            "mobile": 18
          },
          "lineHeight": "1.3"
        }
      }
    },
    "planDescStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "highlightedColor": "rgba(255,255,255,0.75)",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.55"
        }
      }
    },
    "priceStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "highlightedColor": "#ffffff",
        "periodColor": "#6b7280",
        "highlightedPeriodColor": "rgba(255,255,255,0.75)",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 800,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 52,
            "tablet": 44,
            "mobile": 38
          },
          "lineHeight": "1.0"
        },
        "periodTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "featureStyle": {
      "type": "object",
      "default": {
        "color": "#374151",
        "highlightedColor": "rgba(255,255,255,0.90)",
        "includedIconColor": "#10b981",
        "excludedIconColor": "#d1d5db",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.55"
        }
      }
    },
    "ctaBtnStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#6366f1",
        "textColor": "#ffffff",
        "hoverBg": "#4f46e5",
        "hoverColor": "#ffffff",
        "highlightedBg": "#ffffff",
        "highlightedTextColor": "#6366f1",
        "highlightedHoverBg": "#f1f5f9",
        "highlightedHoverColor": "#4f46e5",
        "borderRadius": {
          "top": "10px",
          "right": "10px",
          "bottom": "10px",
          "left": "10px"
        },
        "padding": {
          "desktop": {
            "top": "14px",
            "right": "28px",
            "bottom": "14px",
            "left": "28px"
          },
          "tablet": {
            "top": "12px",
            "right": "24px",
            "bottom": "12px",
            "left": "24px"
          },
          "mobile": {
            "top": "11px",
            "right": "20px",
            "bottom": "11px",
            "left": "20px"
          }
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "compTableStyle": {
      "type": "object",
      "default": {
        "headerBg": "#f9fafb",
        "headerColor": "#111827",
        "rowBg": "#ffffff",
        "rowAltBg": "#f9fafb",
        "rowColor": "#374151",
        "borderColor": "#e5e7eb",
        "checkColor": "#10b981",
        "crossColor": "#d1d5db",
        "titleColor": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          }
        }
      }
    },
    "faqStyle": {
      "type": "object",
      "default": {
        "titleColor": "#111827",
        "questionColor": "#111827",
        "answerColor": "#6b7280",
        "borderColor": "#e5e7eb",
        "iconColor": "#6366f1",
        "questionTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 16,
            "tablet": 15,
            "mobile": 15
          }
        },
        "answerTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.65"
        }
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}