<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

/**
 * Port of the reference builder embed_html/route.ts field renderers (Choice2 group).
 * Source line ranges are listed on each method. See docs/renderer-port.md for porting rules.
 */
trait WPVFB_FP_Fields_Choice2 {

    // ------------------------------------------------------------------
    // Private helpers (Choice2 group)
    // ------------------------------------------------------------------

    /** Number(v).toLocaleString() / toLocaleString('en-US', { min/maxFractionDigits }) in en-US. */
    protected function choice2_locale( $v, $min_frac = 0, $max_frac = 3 ) {
        $n = WPVFB_JS::to_number( $v );
        if ( is_float( $n ) && is_nan( $n ) ) {
            return 'NaN';
        }
        if ( is_float( $n ) && is_infinite( $n ) ) {
            return $n > 0 ? '∞' : '-∞';
        }
        $s = number_format( abs( $n ), $max_frac, '.', ',' );
        if ( $max_frac > 0 ) {
            list( $int, $frac ) = explode( '.', $s );
            $frac = rtrim( $frac, '0' );
            if ( strlen( $frac ) < $min_frac ) {
                $frac = str_pad( $frac, $min_frac, '0' );
            }
            $s = '' === $frac ? $int : $int . '.' . $frac;
        }
        return ( $n < 0 ? '-' : '' ) . $s;
    }

    /** Number.isInteger(x) */
    protected function choice2_is_integer( $n ) {
        if ( is_int( $n ) ) {
            return true;
        }
        return is_float( $n ) && is_finite( $n ) && floor( $n ) == $n;
    }

    /** Shared field visibility test used by every renderer in this group. */
    protected function choice2_hidden( $field ) {
        $vis = WPVFB_JS::get( $field, 'visibility' );
        return 'hidden' === $vis || 'administrative' === $vis || ( WPVFB_JS::truthy( WPVFB_JS::get( $field, 'enableConditionalLogic' ) ) && ! WPVFB_JS::truthy( WPVFB_JS::get( $field, 'conditionalLogicMet' ) ) );
    }

    /**
     * Consent link URL allow-list (security deviation from route.ts 6917-6919):
     * only http(s), mailto, tel and relative URLs become href.
     */
    protected function choice2_safe_link_url( $url ) {
        $probe = preg_replace( '/[\x00-\x20\x7f]+/', '', (string) $url );
        if ( preg_match( '/^(https?:|mailto:|tel:)/i', $probe ) ) {
            return true;
        }
        // Relative URL: no scheme before the first "/", "?" or "#".
        return ! preg_match( '/^[^\/?#]*:/', $probe );
    }

    // ------------------------------------------------------------------
    // Renderers
    // ------------------------------------------------------------------

    /** renderRadioField — route.ts lines 6449-6692 */
    public function render_radio_field( $field, $gs ) {
        $J = 'WPVFB_JS';
        $f = function ( $p ) use ( $field ) { return WPVFB_JS::get( $field, $p ); };
        $g = function ( $p ) use ( $gs ) { return WPVFB_JS::get( $gs, $p ); };

        $visibility_style = $this->choice2_hidden( $field ) ? 'display: none;' : '';
        $custom_class = $J::truthy( $f( 'cssClassName' ) ) ? ' ' . $J::str( $f( 'cssClassName' ) ) : '';
        $label_class = 'left' === $g( 'labelPlacement' ) ? 'flex items-start space-x-4' : 'flex flex-col';

        $options = $f( 'options' );
        if ( $J::is_array( $options ) && count( $options ) > 0 ) {
            $radio_options = array();
            foreach ( $options as $index => $option ) {
                $o = function ( $p ) use ( $option ) { return WPVFB_JS::get( $option, $p ); };
                $radio_options[] = array(
                    'value' => $J::or_( $o( 'value' ), 'option_' . ( $index + 1 ) ),
                    'label' => $J::or_( $o( 'label' ), 'Option ' . ( $index + 1 ) ),
                    'price' => $J::defined( $option, 'price' ) ? $o( 'price' ) : 0,
                    'points' => $J::defined( $option, 'points' ) ? $o( 'points' ) : 0,
                    'badge' => $o( 'badge' ),
                    'description' => $o( 'description' ),
                    'labelFontWeight' => $o( 'labelFontWeight' ),
                    'labelFontStyle' => $o( 'labelFontStyle' ),
                    'labelTextColor' => $o( 'labelTextColor' ),
                    'fontSize' => $o( 'fontSize' ),
                    'lineHeight' => $o( 'lineHeight' ),
                );
            }
        } else {
            $u = $J::undef();
            $radio_options = array( array( 'value' => 'option_1', 'label' => 'Option 1', 'price' => 0, 'points' => 0, 'badge' => $u, 'description' => $u, 'labelFontWeight' => $u, 'labelFontStyle' => $u, 'labelTextColor' => $u, 'fontSize' => $u, 'lineHeight' => $u ) );
        }

        $default_value = is_string( $f( 'defaultValue' ) ) ? $f( 'defaultValue' ) : '';
        $radio_selected_color = $J::or_( $f( 'radioSelectedColor' ), $g( 'checkboxSelectedColor' ), $g( 'globalColorScheme.checkboxSelectedColor' ), '#2563EB' );
        $rc = $this->a( $radio_selected_color );

        $options_html = '';
        foreach ( $radio_options as $index => $opt ) {
            $is_selected = $J::eq( $default_value, $opt['value'] );

            $option_text_color = ! $J::is_nullish( $opt['labelTextColor'] ) ? $opt['labelTextColor'] : $J::or_( $f( 'textColor' ), $g( 'inputTextColor' ), $g( 'primaryTextColor' ) );

            $option_font_size_value = ! $J::is_nullish( $opt['fontSize'] ) ? $opt['fontSize'] : ( ! $J::is_nullish( $f( 'fontSize' ) ) ? $f( 'fontSize' ) : $g( 'fontSize' ) );
            $option_font_size = ( is_int( $option_font_size_value ) || is_float( $option_font_size_value ) ) ? $J::str( $option_font_size_value ) . 'px' : $J::or_( $option_font_size_value, $J::str( $g( 'fontSize' ) ) . 'px' );

            $option_line_height_value = ! $J::is_nullish( $opt['lineHeight'] ) ? $opt['lineHeight'] : ( ! $J::is_nullish( $f( 'lineHeight' ) ) ? $f( 'lineHeight' ) : $g( 'lineHeight' ) );
            $option_line_height = ( is_int( $option_line_height_value ) || is_float( $option_line_height_value ) ) ? $J::str( $option_line_height_value ) . 'px' : $J::or_( $option_line_height_value, $J::str( $g( 'lineHeight' ) ) . 'px' );

            $option_font_weight = ! $J::is_nullish( $opt['labelFontWeight'] ) ? $opt['labelFontWeight'] : ( $J::defined( $field, 'labelFontWeight' ) ? $f( 'labelFontWeight' ) : $J::or_( $g( 'labelFontWeight' ), 400 ) );
            $option_font_style = $J::or_( $opt['labelFontStyle'], $f( 'labelFontStyle' ), 'normal' );

            $input_id = 'radio-' . $J::str( $f( 'id' ) ) . '-' . $index;
            $data_price = $J::is_undef( $opt['price'] ) ? 0 : $opt['price'];
            $data_points = $J::is_undef( $opt['points'] ) ? 0 : $opt['points'];
            $required_attr = $J::truthy( $f( 'required' ) ) ? 'data-required="true"' : '';

            if ( 'card' === $f( 'radioStyle' ) ) {
                $clean_title = preg_replace( '/\s*[—–-]\s*\$[\d,.]+$/uD', '', $J::str( $opt['label'] ) );
                $option_font_size_px = ( is_int( $option_font_size_value ) || is_float( $option_font_size_value ) ) ? $option_font_size_value : $J::parse_float( $J::str( $J::or_( $option_font_size_value, $g( 'fontSize' ), 14 ) ) );
                $has_price = ! $J::is_nullish( $opt['price'] );

                if ( 'vertical-center' === $f( 'radioCardLayout' ) ) {
                    $paint_kind = 'radio-card-circle';
                    $options_html .= '
        <div class="radio-card" style="' . $this->a( 'position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; border: 1.5px solid ' . ( $is_selected ? $J::str( $radio_selected_color ) : '#E2E8F0' ) . '; border-radius: 16px; padding: 16px 12px 14px 12px; cursor: pointer; transition: all 0.15s ease; min-height: 115px; background-color: #FFFFFF; ' . ( $is_selected ? 'box-shadow: 0 0 0 1px ' . $J::str( $radio_selected_color ) . ';' : '' ) ) . '" data-wpvfb-card="radio">
          ' . ( $J::truthy( $opt['badge'] ) ? '<span style="' . $this->a( 'position: absolute; top: -10px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 2px 10px; font-size: 9px; font-weight: 900; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; color: #FFFFFF; background-color: ' . $J::str( $radio_selected_color ) . '; box-shadow: 0 1px 2px rgba(0,0,0,0.1);' ) . '">' . $this->t( $opt['badge'] ) . '</span>' : '' ) . '
          <div style="font-size: 12px; font-weight: 700; color: #18181B; margin-bottom: 2px;">' . $this->t( $clean_title ) . '</div>
          ' . ( $has_price ? '<div style="font-size: 20px; font-weight: 900; color: #18181B; line-height: 1.2; margin: 4px 0 6px 0;">$' . $this->t( $this->choice2_locale( $opt['price'] ) ) . '</div>' : '' ) . '
          <div style="display: flex; align-items: center; justify-content: center; margin-top: 4px;">
            <div class="radio-custom-circle" style="' . $this->a( 'width: 16px; height: 16px; border-radius: 9999px; border: 2px solid ' . ( $is_selected ? $J::str( $radio_selected_color ) : '#D4D4D8' ) . '; background-color: ' . ( $is_selected ? $J::str( $radio_selected_color ) : '#FFFFFF' ) . '; display: flex; align-items: center; justify-content: center; transition: all 0.15s ease;' ) . '">
              ' . ( $is_selected ? '<div class="radio-custom-dot" style="width: 6px; height: 6px; border-radius: 9999px; background-color: #FFFFFF;"></div>' : '' ) . '
            </div>
            <input type="radio"
              id="' . $this->a( $input_id ) . '"
              name="' . $this->a( $this->name_attr( $field ) ) . '"
              value="' . $this->a( $opt['value'] ) . '"
              data-price="' . $this->a( $data_price ) . '"
              data-points="' . $this->a( $data_points ) . '"
              ' . ( $is_selected ? 'checked' : '' ) . '
              ' . $required_attr . '
              style="position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;"
              data-selected-color="' . $rc . '"
              data-wpvfb-paint="' . $paint_kind . '">
          </div>
        </div>
      ';
                    continue;
                }

                    $paint_kind = 'radio-card';

                $price_html = '';
                if ( $has_price ) {
                    $price_num = $J::to_number( $opt['price'] );
                    $price_text = $this->choice2_is_integer( $price_num ) ? '$' . $this->choice2_locale( $price_num ) : '$' . $this->choice2_locale( $price_num, 2, 2 );
                    $price_px = ( is_int( $option_font_size_px ) || is_float( $option_font_size_px ) ) ? $option_font_size_px + 2 : NAN;
                    $price_html = '<span style="' . $this->a( 'color: ' . $J::str( $radio_selected_color ) . '; font-weight: 800; font-size: ' . $J::str( $price_px ) . 'px; margin-top: 2px; display: block;' ) . '">' . $this->t( $price_text ) . '</span>';
                }

                $options_html .= '
      <div class="radio-card" style="' . $this->a( 'border: 1.5px solid ' . ( $is_selected ? $J::str( $radio_selected_color ) : '#E2E8F0' ) . '; border-radius: 12px; padding: 16px; cursor: pointer; transition: all 0.15s ease; ' . ( $is_selected ? 'box-shadow: 0 0 0 1px ' . $J::str( $radio_selected_color ) . ';' : '' ) ) . '" data-wpvfb-card="radio">
        <div style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
          <span style="' . $this->a( 'color: ' . $J::str( $option_text_color ) . '; font-size: ' . $J::str( $option_font_size ) . '; line-height: ' . $J::str( $option_line_height ) . '; font-weight: ' . $J::str( $option_font_weight ) . '; font-style: ' . $J::str( $option_font_style ) . '; letter-spacing: ' . $J::str( $g( 'letterSpacing' ) ) . 'px;' ) . '">' . $this->t( $clean_title ) . '</span>
          <input type="radio"
            id="' . $this->a( $input_id ) . '"
            name="' . $this->a( $this->name_attr( $field ) ) . '"
            value="' . $this->a( $opt['value'] ) . '"
            data-price="' . $this->a( $data_price ) . '"
            data-points="' . $this->a( $data_points ) . '"
            ' . ( $is_selected ? 'checked' : '' ) . '
            ' . $required_attr . '
            class="border-gray-300 rounded focus:ring-blue-500"
            style="width: 16px; height: 16px; transition: all 0.2s ease-in-out;"
            data-selected-color="' . $rc . '"
            data-wpvfb-paint="' . $paint_kind . '">
        </div>
        ' . $price_html . '
      </div>
    ';
                continue;
            }

            $options_html .= '
      <div class="flex items-center space-x-2">
        <input type="radio"
          id="' . $this->a( $input_id ) . '"
          name="' . $this->a( $this->name_attr( $field ) ) . '"
          value="' . $this->a( $opt['value'] ) . '"
          data-price="' . $this->a( $data_price ) . '"
          data-points="' . $this->a( $data_points ) . '"
          ' . ( $is_selected ? 'checked' : '' ) . '
          ' . $required_attr . '
          class="border-gray-300 rounded focus:ring-blue-500"
          style="width: 16px; height: 16px; transition: all 0.2s ease-in-out;"
          data-selected-color="' . $rc . '"
         >
        <label for="' . $this->a( $input_id ) . '" style="' . $this->a( 'cursor: pointer;
                 color: ' . $J::str( $option_text_color ) . ';
                 font-size: ' . $J::str( $option_font_size ) . ';
                 line-height: ' . $J::str( $option_line_height ) . ';
                 font-weight: ' . $J::str( $option_font_weight ) . ';
                 font-style: ' . $J::str( $option_font_style ) . ';
                 letter-spacing: ' . $J::str( $g( 'letterSpacing' ) ) . 'px;' ) . '">
          ' . $this->t( $opt['label'] ) . '
        </label>
      </div>
    ';
        }

        $grid_styles = '
    display: grid;
    grid-template-columns: repeat(' . $J::str( $J::or_( $f( 'radioRowColumns' ), '1' ) ) . ', minmax(0, 1fr));
    gap: 8px;
    width: ' . $J::str( $J::or_( $f( 'width' ), '100%' ) ) . ';
  ';

        $radio_responsive_styles = '
    @media (max-width: 768px) {
      .radio-group {
        grid-template-columns: 1fr !important; /* Stack all options vertically on mobile */
        gap: 8px !important;
      }
    }
  ';

        $margin = $J::or_( $f( 'margin' ), array( 'top' => 0, 'right' => 0, 'bottom' => 0, 'left' => 0 ) );
        $m = function ( $k ) use ( $margin ) { return WPVFB_JS::get( $margin, $k ); };
        $m_bottom = $J::defined( $margin, 'bottom' ) ? $m( 'bottom' ) : 15;

        $radio_label_font_weight = $J::defined( $field, 'labelFontWeight' ) ? $f( 'labelFontWeight' ) : $J::or_( $g( 'labelFontWeight' ), 600 );
        $radio_label_letter_spacing = $J::defined( $field, 'labelLetterSpacing' ) ? $f( 'labelLetterSpacing' ) : $g( 'letterSpacing' );
        $label_helper_text = $f( 'labelHelperText' );
        $label_helper_color = $J::or_( $f( 'labelHelperColor' ), $radio_selected_color );
        $label_line_height = $J::str( $J::or_( $g( 'labelLineHeight' ), $g( 'lineHeight' ) ) ) . 'px';
        $left = 'left' === $g( 'labelPlacement' );

        $label_html = '';
        if ( 'none' !== $g( 'labelPlacement' ) && 'hidden' !== $f( 'labelVisibility' ) ) {
            $lm_bottom = $J::defined( $field, 'labelMargin.bottom' ) ? $f( 'labelMargin.bottom' ) : 10;
            $label_html = '<div style="' . $this->a( 'display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: ' . $J::str( $J::or_( $f( 'labelMargin.top' ), 0 ) ) . 'px; margin-right: ' . $J::str( $J::or_( $f( 'labelMargin.right' ), 0 ) ) . 'px; margin-bottom: ' . $J::str( $lm_bottom ) . 'px; margin-left: ' . $J::str( $J::or_( $f( 'labelMargin.left' ), 0 ) ) . 'px;' ) . '">
          <label for="' . $this->a( $f( 'id' ) ) . '" class="block mb-0"
            style="' . $this->a( 'font-size: 14px; font-weight: ' . $J::str( $radio_label_font_weight ) . '; color:' . $J::str( $J::or_( $f( 'labelTextColor' ), $g( 'labelTextColor' ), $g( 'primaryTextColor' ) ) ) . ';
            line-height:' . $label_line_height . ';
            letter-spacing:' . $J::str( $radio_label_letter_spacing ) . 'px;
            text-transform: ' . $J::str( $J::or_( $f( 'labelTextTransform' ), 'none' ) ) . ';
            overflow-wrap: break-word; white-space: normal;' ) . '">
            ' . $this->t( $J::or_( $f( 'label' ), $f( 'name' ), 'Radio Field' ) ) . ' ' . ( $J::truthy( $f( 'required' ) ) ? '<span style="color: #EF4444;">*</span>' : '' ) . '
          </label>
          ' . ( $J::truthy( $label_helper_text ) ? '<span style="' . $this->a( 'font-size: 12px; font-weight: 700; color: ' . $J::str( $label_helper_color ) . ';' ) . '">' . $this->t( $label_helper_text ) . '</span>' : '' ) . '
        </div>';
        }

        $desc = function ( $where ) use ( $J, $f, $g, $label_line_height ) {
            if ( $where !== $g( 'descriptionPlacement' ) || ! $J::truthy( $f( 'description' ) ) ) {
                return '';
            }
            return '<p style="' . $this->a( 'font-size: 14px; color:' . $J::str( $J::or_( $f( 'descriptionColor' ), $g( 'descriptionColor' ), '#9CA3AF' ) ) . ';
                        line-height:' . $label_line_height . ';
                        letter-spacing:' . $J::str( $g( 'letterSpacing' ) ) . 'px; ' . ( 'above' === $where ? 'margin-bottom: 4px;' : 'margin-top: 4px;' ) ) . '">
                        ' . $this->t( $f( 'description' ) ) . '
                      </p>';
        };

        return '
    ' . $this->add_inline_css( $radio_responsive_styles ) . '
    <div class="relative' . $this->a( $custom_class ) . '" data-field-type="radio" data-field-id="' . $this->a( $f( 'id' ) ) . '" style="' . $this->a( $visibility_style . ' margin: ' . $J::str( $m( 'top' ) ) . 'px ' . $J::str( $m( 'right' ) ) . 'px ' . $J::str( $m_bottom ) . 'px ' . $J::str( $m( 'left' ) ) . 'px;' ) . '">
      <div class="flex items-center relative transition-all duration-200 group border-transparent">
        <div class="w-full">
          <div class="relative cursor-default">
            <div class="' . $label_class . '">
              ' . $label_html . '
              <div class="flex flex-col w-full ' . ( $left ? 'justify-center' : '' ) . '">
                ' . $desc( 'above' ) . '

                <div class="radio-group" style="' . $this->a( $grid_styles ) . '">
                  ' . $options_html . '
                </div>

                ' . $desc( 'below' ) . '
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  ';
    }

    /** renderConsentField — route.ts lines 6886-6927 */
    public function render_consent_field( $field, $gs ) {
        $J = 'WPVFB_JS';
        $f = function ( $p ) use ( $field ) { return WPVFB_JS::get( $field, $p ); };
        $g = function ( $p ) use ( $gs ) { return WPVFB_JS::get( $gs, $p ); };

        $visibility_style = $this->choice2_hidden( $field ) ? 'display: none;' : '';
        $custom_class = $J::truthy( $f( 'cssClassName' ) ) ? ' ' . $J::str( $f( 'cssClassName' ) ) : '';
        $is_checked = $J::truthy( $f( 'defaultValue' ) );
        $accent_color = $J::or_( $f( 'selectedBorderColor' ), $g( 'checkboxSelectedColor' ), $g( 'globalColorScheme.checkboxSelectedColor' ), '#2563EB' );
        $consent_text = $J::str( $J::or_( $f( 'consentText' ), 'I agree to the [Terms of Service](/pages/terms) and [Privacy Policy](/pages/privacy)' ) );

        $target_attr = false !== $f( 'openInNewTab' ) ? ' target="_blank" rel="noopener noreferrer"' : '';
        // Security deviation: only http(s)/mailto/tel/relative URLs become links; others render as plain text.
        $parsed_text = preg_replace_callback( '/\[(.*?)\]\((.*?)\)/', function ( $mm ) use ( $target_attr, $accent_color ) {
            if ( ! $this->choice2_safe_link_url( $mm[2] ) ) {
                return $mm[1];
            }
            return '<a href="' . $this->a( $mm[2] ) . '"' . $target_attr . ' style="' . $this->a( 'color: ' . WPVFB_JS::str( $accent_color ) . '; text-decoration: underline; font-weight: 500;' ) . '">' . $mm[1] . '</a>';
        }, $consent_text );

        $margin = $J::or_( $f( 'margin' ), array( 'top' => 0, 'right' => 0, 'bottom' => 0, 'left' => 0 ) );
        $m = function ( $k ) use ( $margin ) { return WPVFB_JS::get( $margin, $k ); };
        $mb = $m( 'bottom' );
        $m_bottom = ( ! $J::is_undef( $mb ) && ! ( ( is_int( $mb ) || is_float( $mb ) ) && 0 == $mb ) ) ? $mb : 24;
        $required = false !== $f( 'required' );

        return '
    <div id="' . $this->a( 'field-' . $J::str( $f( 'id' ) ) ) . '" class="form-field consent-field relative' . $this->a( $custom_class ) . '" style="' . $this->a( $visibility_style . ' margin: ' . $J::str( $m( 'top' ) ) . 'px ' . $J::str( $m( 'right' ) ) . 'px ' . $J::str( $m_bottom ) . 'px ' . $J::str( $m( 'left' ) ) . 'px;' ) . '">
      <label style="display: flex; align-items: flex-start; gap: 12px; cursor: pointer; user-select: none;">
        <input
          type="checkbox"
          name="' . $this->a( $this->name_attr( $field ) ) . '"
          id="' . $this->a( 'input-' . $J::str( $f( 'id' ) ) ) . '"
          value="agreed"
          ' . ( $is_checked ? 'checked' : '' ) . '
          ' . ( $required ? 'required data-required="true"' : '' ) . '
          style="' . $this->a( 'width: 18px; height: 18px; margin-top: 2px; accent-color: ' . $J::str( $accent_color ) . '; cursor: pointer; flex-shrink: 0; border-radius: 4px;' ) . '"
         
        />
        <span style="' . $this->a( 'font-size: ' . $J::str( $J::or_( $g( 'fontSize' ), 14 ) ) . 'px; color: ' . $J::str( $J::or_( $f( 'textColor' ), $g( 'primaryTextColor' ), '#334155' ) ) . '; line-height: 1.5;' ) . '">
          ' . $this->h( $parsed_text ) . ( $required ? ' <span style="color: #EF4444; font-weight: 600;">*</span>' : '' ) . '
        </span>
      </label>
    </div>
  ';
    }

}