Block Pattern: FAQ With Expandable Answers

add_action( 'init', function () {
    if ( ! function_exists( 'register_block_pattern' ) ) {
        return;
    }

    if ( ! WP_Block_Pattern_Categories_Registry::get_instance()->is_registered( 'wpide-sections' ) ) {
        register_block_pattern_category( 'wpide-sections', array( 'label' => 'Site Sections' ) );
    }

    $questions = array(
        'How long does delivery take?'    => 'Most orders arrive within 3 to 5 working days.',
        'Can I change my order?'          => 'Yes, reply to your confirmation email within 24 hours and we will update it.',
        'Do you ship internationally?'    => 'We ship to most countries in Europe and North America.',
        'What is your returns policy?'    => 'Return any unused item within 30 days for a full refund.',
    );

    $items = '';
    foreach ( $questions as $question => $answer ) {
        $items .= '<!-- wp:details --><details class="wp-block-details"><summary>' . esc_html( $question ) . '</summary><!-- wp:paragraph --><p>' . esc_html( $answer ) . '</p><!-- /wp:paragraph --></details><!-- /wp:details -->';
    }

    register_block_pattern( 'wpide/faq-details', array(
        'title'       => 'FAQ: expandable answers',
        'description' => 'Frequently asked questions using Details blocks.',
        'categories'  => array( 'wpide-sections' ),
        'keywords'    => array( 'faq', 'questions', 'accordion' ),
        'content'     => '<!-- wp:group {"layout":{"type":"constrained"}} --><div class="wp-block-group"><!-- wp:heading --><h2 class="wp-block-heading">Frequently asked questions</h2><!-- /wp:heading -->' . $items . '</div><!-- /wp:group -->',
    ) );
} );