<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/*
@section
{
  "name": "Testimonials",
  "category": "social-proof",
  "heading_level": "h2",
  "settings": [
    { "id": "eyebrow",  "type": "text", "label": "Eyebrow",  "default": "What customers say" },
    { "id": "headline", "type": "text", "label": "Headline", "default": "Loved by thousands." },
    { "id": "style",    "type": "select", "label": "Card Style", "default": "card",
      "options": [
        { "value": "card",       "label": "Card (padded background)" },
        { "value": "minimal",    "label": "Minimal (no card background)" },
        { "value": "quote-mark", "label": "Large Quote Mark" }
      ]
    },
    { "id": "show_avatar", "type": "toggle", "label": "Show Author Photo", "default": "1" },
    { "id": "show_rating", "type": "toggle", "label": "Show Star Rating",  "default": "1" },
    { "id": "columns",  "type": "select", "label": "Columns", "default": "3",
      "options": [
        { "value": "1", "label": "1 Column" },
        { "value": "2", "label": "2 Columns" },
        { "value": "3", "label": "3 Columns" }
      ]
    },
    { "id": "spacing", "type": "select", "label": "Spacing", "default": "normal",
      "options": [
        { "value": "compact",  "label": "Compact" },
        { "value": "normal",   "label": "Normal" },
        { "value": "spacious", "label": "Spacious" }
      ]
    },
    { "id": "color_scheme", "type": "select", "label": "Color Scheme", "default": "white",
      "options": [
        { "value": "white",   "label": "White" },
        { "value": "light",   "label": "Light Grey" },
        { "value": "dark",    "label": "Dark" },
        { "value": "primary", "label": "Primary Blue" },
        { "value": "ink",     "label": "Ink" }
      ]
    }
  ],
  "blocks": [
    {
      "type": "testimonial",
      "name": "Testimonial",
      "limit": 12,
      "settings": [
        { "id": "quote",     "type": "textarea", "label": "Quote",        "default": "An incredible product. I keep coming back." },
        { "id": "name",      "type": "text",     "label": "Name",         "default": "Happy Customer" },
        { "id": "title",     "type": "text",     "label": "Title / Role", "default": "" },
        { "id": "photo",     "type": "image",    "label": "Photo",        "default": "" },
        { "id": "photo_alt", "type": "text",     "label": "Photo Alt",    "default": "",
          "hint": "Describe the person's photo for screen readers" },
        { "id": "rating",    "type": "select",   "label": "Stars",        "default": "5",
          "options": [
            { "value": "5", "label": "?????  5 stars" },
            { "value": "4", "label": "?????  4 stars" },
            { "value": "3", "label": "?????  3 stars" }
          ]
        }
      ]
    }
  ],
  "default_blocks": [
    { "type": "testimonial", "settings": { "quote": "Absolutely love the quality. I've ordered three times and every product has been perfect.", "name": "Sarah M.", "title": "Verified Buyer", "photo": "", "photo_alt": "", "rating": "5" } },
    { "type": "testimonial", "settings": { "quote": "Fast shipping, great packaging, and even better products. My go-to shop now.", "name": "James T.", "title": "Repeat Customer", "photo": "", "photo_alt": "", "rating": "5" } },
    { "type": "testimonial", "settings": { "quote": "Bought as a gift and everyone was impressed. Will definitely be coming back.", "name": "Priya K.", "title": "Gift Buyer", "photo": "", "photo_alt": "", "rating": "5" } }
  ],
  "max_blocks": 12
}
*/

$spacing_map = [ 'compact' => 'py-12', 'normal' => 'py-20', 'spacious' => 'py-32' ];
$columns_map = [ '1' => 'grid-cols-1 max-w-2xl mx-auto', '2' => 'grid-cols-1 md:grid-cols-2', '3' => 'grid-cols-1 md:grid-cols-3' ];

$spacing     = slbuild_get_field( 'spacing', 'attr' ) ?: 'normal';
$columns     = slbuild_get_field( 'columns', 'attr' ) ?: '3';
$style       = slbuild_get_field( 'style', 'attr' ) ?: 'card';
$show_avatar = (bool) slbuild_get_field( 'show_avatar', 'attr' );
$show_rating = (bool) slbuild_get_field( 'show_rating', 'attr' );
$cs          = slbuild_get_color_scheme( slbuild_get_field( 'color_scheme', 'attr' ) ?: 'white' );
$pad         = $spacing_map[ $spacing ] ?? 'py-20';
$col_cls     = $columns_map[ $columns ] ?? 'grid-cols-1 md:grid-cols-3';
$blocks      = slbuild_get_blocks();
$eyebrow     = slbuild_get_field( 'eyebrow' );
$headline    = slbuild_get_field( 'headline' );
$tag         = slbuild_meta( 'heading_level' ) ?: 'h2';

// Collect rating data for AggregateRating schema
$rating_sum   = 0;
$rating_count = 0;
foreach ( $blocks as $b ) {
	$r = isset( $b['settings']['rating'] ) ? (int) $b['settings']['rating'] : 0;
	if ( $r > 0 ) {
		$rating_sum += $r;
		$rating_count++;
	}
}
?>
<section class="<?php echo esc_attr( $cs['bg'] . ' ' . $pad ); ?> px-6 md:px-12 lg:px-24">
  <div class="max-w-6xl mx-auto">

    <?php if ( $eyebrow || $headline ) : ?>
      <div class="text-center mb-14">
        <?php if ( $eyebrow ) : ?>
          <p class="text-xs font-semibold uppercase tracking-widest mb-3 <?php echo esc_attr( $cs['eyebrow'] ); ?>"><?php echo esc_html( $eyebrow ); ?></p>
        <?php endif; ?>
        <?php if ( $headline ) : ?>
          <<?php echo esc_attr( $tag ); ?> class="text-3xl md:text-4xl font-semibold tracking-tight <?php echo esc_attr( $cs['text'] ); ?>"><?php echo esc_html( $headline ); ?></<?php echo esc_attr( $tag ); ?>>
        <?php endif; ?>
      </div>
    <?php endif; ?>

    <?php if ( ! empty( $blocks ) ) : ?>
      <div class="grid <?php echo esc_attr( $col_cls ); ?> gap-6">
        <?php foreach ( $blocks as $block ) :
          SLBUILD_SectionLoader::instance()->set_current_block( $block );
          $quote     = slbuild_get_block_field( 'quote' );
          $name      = slbuild_get_block_field( 'name' );
          $title     = slbuild_get_block_field( 'title' );
          $photo_url = slbuild_get_block_field( 'photo', 'url' );
          $photo_alt = slbuild_get_block_field( 'photo_alt' ) ?: $name;
          $rating    = (int) ( slbuild_get_block_field( 'rating' ) ?: 5 );
        ?>

          <?php if ( 'quote-mark' === $style ) : ?>
            <div class="flex flex-col gap-5 p-2">
              <p class="text-5xl leading-none <?php echo esc_attr( $cs['eyebrow'] ); ?> font-serif">&ldquo;</p>
              <?php if ( $show_rating ) : ?>
                <p class="text-amber-400 text-base tracking-wider"><?php echo str_repeat( '?', $rating ) . str_repeat( '?', 5 - $rating ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
              <?php endif; ?>
              <p class="text-base leading-relaxed <?php echo esc_attr( $cs['text'] ); ?>"><?php echo esc_html( $quote ); ?></p>
              <?php if ( $show_avatar || $name ) : ?>
                <div class="flex items-center gap-3 mt-2">
                  <?php if ( $show_avatar && $photo_url ) : ?>
                    <img src="<?php echo esc_url( $photo_url ); ?>" alt="<?php echo esc_attr( $photo_alt ); ?>" class="w-10 h-10 rounded-full object-cover" loading="lazy">
                  <?php endif; ?>
                  <div>
                    <p class="text-sm font-semibold <?php echo esc_attr( $cs['text'] ); ?>"><?php echo esc_html( $name ); ?></p>
                    <?php if ( $title ) : ?><p class="text-xs <?php echo esc_attr( $cs['sub'] ); ?>"><?php echo esc_html( $title ); ?></p><?php endif; ?>
                  </div>
                </div>
              <?php endif; ?>
            </div>

          <?php elseif ( 'minimal' === $style ) : ?>
            <div class="flex flex-col gap-4 py-6 border-b <?php echo esc_attr( $cs['border'] ); ?>">
              <?php if ( $show_rating ) : ?>
                <p class="text-amber-400 text-sm tracking-wider"><?php echo str_repeat( '?', $rating ) . str_repeat( '?', 5 - $rating ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
              <?php endif; ?>
              <p class="text-base leading-relaxed <?php echo esc_attr( $cs['text'] ); ?>">"<?php echo esc_html( $quote ); ?>"</p>
              <?php if ( $show_avatar || $name ) : ?>
                <div class="flex items-center gap-3">
                  <?php if ( $show_avatar && $photo_url ) : ?>
                    <img src="<?php echo esc_url( $photo_url ); ?>" alt="<?php echo esc_attr( $photo_alt ); ?>" class="w-9 h-9 rounded-full object-cover" loading="lazy">
                  <?php endif; ?>
                  <div>
                    <p class="text-sm font-semibold <?php echo esc_attr( $cs['text'] ); ?>"><?php echo esc_html( $name ); ?></p>
                    <?php if ( $title ) : ?><p class="text-xs <?php echo esc_attr( $cs['sub'] ); ?>"><?php echo esc_html( $title ); ?></p><?php endif; ?>
                  </div>
                </div>
              <?php endif; ?>
            </div>

          <?php else : // card ?>
            <div class="<?php echo esc_attr( $cs['card'] ); ?> rounded-2xl p-8 flex flex-col gap-5">
              <?php if ( $show_rating ) : ?>
                <p class="text-amber-400 text-base tracking-wider"><?php echo str_repeat( '?', $rating ) . str_repeat( '?', 5 - $rating ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
              <?php endif; ?>
              <p class="text-base leading-relaxed flex-1 <?php echo esc_attr( $cs['text'] ); ?>">"<?php echo esc_html( $quote ); ?>"</p>
              <?php if ( $show_avatar || $name ) : ?>
                <div class="flex items-center gap-3 pt-2 border-t <?php echo esc_attr( $cs['border'] ); ?>">
                  <?php if ( $show_avatar ) : ?>
                    <?php if ( $photo_url ) : ?>
                      <img src="<?php echo esc_url( $photo_url ); ?>" alt="<?php echo esc_attr( $photo_alt ); ?>" class="w-10 h-10 rounded-full object-cover" loading="lazy">
                    <?php else : ?>
                      <div class="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0">
                        <span class="text-base text-gray-500"><?php echo esc_html( mb_substr( $name, 0, 1 ) ); ?></span>
                      </div>
                    <?php endif; ?>
                  <?php endif; ?>
                  <div>
                    <p class="text-sm font-semibold <?php echo esc_attr( $cs['text'] ); ?>"><?php echo esc_html( $name ); ?></p>
                    <?php if ( $title ) : ?><p class="text-xs <?php echo esc_attr( $cs['sub'] ); ?>"><?php echo esc_html( $title ); ?></p><?php endif; ?>
                  </div>
                </div>
              <?php endif; ?>
            </div>
          <?php endif; ?>

        <?php endforeach; SLBUILD_SectionLoader::instance()->clear_current_block(); ?>
      </div>
    <?php endif; ?>

  </div>
</section>
<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
// AggregateRating schema.org markup - feeds star ratings into Google search snippets.
if ( $rating_count > 0 ) {
	$avg_rating = round( $rating_sum / $rating_count, 1 );
	$schema     = [
		'@context'        => 'https://schema.org',
		'@type'           => 'Organization',
		'name'            => get_bloginfo( 'name' ),
		'aggregateRating' => [
			'@type'       => 'AggregateRating',
			'ratingValue' => $avg_rating,
			'reviewCount' => $rating_count,
			'bestRating'  => 5,
			'worstRating' => 1,
		],
	];
	// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	echo '<script type="application/ld+json">' . wp_json_encode( $schema ) . '</script>' . "\n";
}