<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
/*
@section
{
  "name": "Stats",
  "category": "content",
  "heading_level": "h2",
  "settings": [
    { "id": "eyebrow",  "type": "text", "label": "Eyebrow",  "default": "" },
    { "id": "headline", "type": "text", "label": "Headline", "default": "" },
    { "id": "style", "type": "select", "label": "Style", "default": "plain",
      "options": [
        { "value": "plain",  "label": "Plain (no background per stat)" },
        { "value": "card",   "label": "Card (each stat in a card)" },
        { "value": "accent", "label": "Accent (coloured number)" }
      ]
    },
    { "id": "columns", "type": "select", "label": "Columns", "default": "4",
      "options": [
        { "value": "2", "label": "2 Columns" },
        { "value": "3", "label": "3 Columns" },
        { "value": "4", "label": "4 Columns" }
      ]
    },
    { "id": "align", "type": "select", "label": "Text Alignment", "default": "center",
      "options": [
        { "value": "center", "label": "Centre" },
        { "value": "left",   "label": "Left" }
      ]
    },
    { "id": "dividers", "type": "toggle", "label": "Show Dividers", "default": "1",
      "hint": "Adds a vertical line between stats on desktop (plain style only)" },
    { "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": "light",
      "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": "stat",
      "name": "Stat",
      "limit": 8,
      "settings": [
        { "id": "number",      "type": "text",     "label": "Number / Value", "default": "10k+",
          "hint": "E.g. '10,000+', '4.9?', '$2M', '99%' - displayed large" },
        { "id": "label",       "type": "text",     "label": "Label",          "default": "Happy Customers" },
        { "id": "description", "type": "textarea", "label": "Description",    "default": "",
          "hint": "Optional - one short sentence of context below the label" }
      ]
    }
  ],
  "default_blocks": [
    { "type": "stat", "settings": { "number": "10,000+", "label": "Happy Customers",  "description": "" } },
    { "type": "stat", "settings": { "number": "4.9?",    "label": "Average Rating",   "description": "From over 2,000 verified reviews." } },
    { "type": "stat", "settings": { "number": "40+",     "label": "Countries Served", "description": "" } },
    { "type": "stat", "settings": { "number": "99%",     "label": "On-Time Delivery", "description": "" } }
  ],
  "max_blocks": 8
}
*/

$spacing_map = [ 'compact' => 'py-12', 'normal' => 'py-20', 'spacious' => 'py-32' ];
$columns_map = [ '2' => 'grid-cols-1 sm:grid-cols-2', '3' => 'grid-cols-1 sm:grid-cols-3', '4' => 'grid-cols-2 md:grid-cols-4' ];

$spacing  = slbuild_get_field( 'spacing', 'attr' ) ?: 'normal';
$style    = slbuild_get_field( 'style', 'attr' ) ?: 'plain';
$columns  = slbuild_get_field( 'columns', 'attr' ) ?: '4';
$align    = slbuild_get_field( 'align', 'attr' ) ?: 'center';
$dividers = (bool) slbuild_get_field( 'dividers', 'attr' );
$cs       = slbuild_get_color_scheme( slbuild_get_field( 'color_scheme', 'attr' ) ?: 'light' );
$pad      = $spacing_map[ $spacing ] ?? 'py-20';
$col_cls  = $columns_map[ $columns ] ?? 'grid-cols-2 md:grid-cols-4';
$blocks   = slbuild_get_blocks();
$eyebrow  = slbuild_get_field( 'eyebrow' );
$headline = slbuild_get_field( 'headline' );
$tag      = slbuild_meta( 'heading_level' ) ?: 'h2';

$text_align = ( 'left' === $align ) ? 'text-left' : 'text-center';
$divider_cls = ( $dividers && 'plain' === $style ) ? 'divide-x ' . $cs['border'] : '';
?>
<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-12">
        <?php if ( $eyebrow ) : ?>
          <p class="text-xs font-semibold uppercase tracking-widest <?php echo esc_attr( $cs['eyebrow'] ); ?> mb-2"><?php echo esc_html( $eyebrow ); ?></p>
        <?php endif; ?>
        <?php if ( $headline ) : ?>
          <<?php echo esc_attr( $tag ); ?> class="text-3xl 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 . ' ' . $divider_cls ); ?> gap-8">
        <?php foreach ( $blocks as $block ) :
          SLBUILD_SectionLoader::instance()->set_current_block( $block );
          $number = slbuild_get_block_field( 'number' );
          $label  = slbuild_get_block_field( 'label' );
          $desc   = slbuild_get_block_field( 'description' );

          if ( 'card' === $style ) {
            $wrap_cls = esc_attr( $cs['card'] ) . ' rounded-2xl p-8';
          } else {
            $wrap_cls = 'px-4';
          }

          $number_cls = ( 'accent' === $style )
            ? 'text-4xl md:text-5xl font-bold tracking-tight ' . esc_attr( $cs['eyebrow'] )
            : 'text-4xl md:text-5xl font-bold tracking-tight ' . esc_attr( $cs['text'] );
        ?>
          <div class="flex flex-col gap-2 <?php echo esc_attr( $text_align ); ?> <?php echo esc_attr( $wrap_cls ); ?>">
            <p class="<?php echo esc_attr( $number_cls ); ?>"><?php echo esc_html( $number ); ?></p>
            <p class="text-sm font-semibold uppercase tracking-wide <?php echo esc_attr( $cs['sub'] ); ?>"><?php echo esc_html( $label ); ?></p>
            <?php if ( $desc ) : ?>
              <p class="text-sm leading-relaxed <?php echo esc_attr( $cs['sub'] ); ?> opacity-80"><?php echo esc_html( $desc ); ?></p>
            <?php endif; ?>
          </div>
        <?php endforeach; SLBUILD_SectionLoader::instance()->clear_current_block(); ?>
      </div>
    <?php endif; ?>

  </div>
</section>