{{--
    A figure such as "500+", "1M+" or "99.9%" that counts up when it scrolls into view
    (app.js). The text is printed in full, so it reads correctly without JavaScript.
    Usage: <x-stat-counter value="500+" class="text-2xl font-extrabold" />
--}}
@props(['value'])

@php
    // prefix, number, suffix: "99.9%" -> ['', '99.9', '%'];  "1M+" -> ['', '1', 'M+']
    preg_match('/^(\D*?)(\d[\d.,]*)(.*)$/u', (string) $value, $part);
    $number = isset($part[2]) ? (float) str_replace(',', '', $part[2]) : null;
@endphp

<span {{ $attributes }}
    @if ($number !== null)
        data-count="{{ $number }}" data-count-prefix="{{ $part[1] }}" data-count-suffix="{{ $part[3] }}"
        data-count-decimals="{{ str_contains($part[2], '.') ? strlen(substr($part[2], strpos($part[2], '.') + 1)) : 0 }}"
    @endif
>{{ $value }}</span>