<?php
namespace JVBase;

use JVBase\managers\CacheManager;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}
class JVBIcons
{
	static array $processing = ['map' => [],'label' => []];
	protected string $style;
	protected array $styles = [
		'regular',
		'bold',
		'duotone',
		'fill',
		'light',
		'thin'
	];

	protected array $labels = [
		'submenu' 			=> 'Toggle Menu',
		'dashboard' 		=> 'Dashboard',
		'arrow-fat-down' 	=> 'Downvote',
		'arrow-fat-up'		=> 'Upvote',
		'hamburger'			=> 'Menu',
		'check-square-offset'=> 'Approval Requests',
		'h1'				=> 'Heading 1',
		'h2'				=> 'Heading 2',
		'h3'				=> 'Heading 3',
		'note-pencil'		=> 'Notes',
		'sun-dim'			=> 'Light Mode',
		'moon'				=> 'Dark Mode',
		'grid'				=> 'Grid View',
		'list'				=> 'List View',
		'clock-clockwise'	=> 'Upcoming Events',
		'clock-counter-clockwise'=>'Past Events',
		'repeat'			=> 'Recurring Events',
		'floppy-disk'		=> 'Save',
	];

	protected array $map = [
		'time'			=> 'clock',
		'back'			=> 'arrow-u-up-left',
		'logo'			=> 'logo.svg',
		'logo-basic'	=> 'logo-basic.svg',
		'save'			=> 'floppy-disk',
		'restore'		=> 'arrow-counter-clockwise',
		'help'			=> 'question',
		'upload'		=> 'cloud-arrow-up',
		'download'		=> 'cloud-arrow-down',
		'synced'		=> 'cloud-check',
		'syncing'		=> 'cloud-sync-thin.svg',
		'offline'		=> 'cloud-slash',
		'error'			=> 'cloud-warning',
		'cart'			=> 'shopping-cart',
		'delete'		=> 'trash',
		'edit'			=> 'pencil-simple',
		'bio'			=> 'user',
		'login'			=> 'sign-in',
		'logout'		=> 'sign-out',
		'future'		=> 'clock-clockwise',
		'past'			=> 'clock-counter-clockwise',
		'light'			=> 'sun-dim',
		'dark'			=> 'moon',
		'h1'			=> 'text-h-one',
		'h2'			=> 'text-h-two',
		'h3'			=> 'text-h-three',
		'bold'			=> 'text-b',
		'italic'		=> 'text-italic',
		'underline'		=> 'text-underline',
		'strike'		=> 'text-strikethrough',
		'image'			=> 'image-square',
		'reply'			=> 'arrow-bend-up-left',
		'approval'		=> 'check-square-offset',
		'response'		=> 'chat-teardrop',
		'karma'			=> 'scales',
		'show'			=> 'eye',
		'publish'		=> 'eye',
		'hide'			=> 'eye-closed',
		'draft'			=> 'eye-closed',
		'asc'			=> 'sort-ascending',
		'desc'			=> 'sort-descending',
		'all'			=> 'infinity',
		'random'		=> 'shuffle',
		'location'		=> 'map-pin',
		'hours'			=> 'clock',
		'favourite'		=> 'heart',
		'email'			=> 'envelope',
		'text'			=> 'chat',
		'integrations'	=> 'plugs-connected',
		'connected'		=> 'plugs-connected',
		'disconnected'	=> 'plugs',
		'umami'			=> 'chart-line',
		'square-up'		=> 'square-logo',
		'tiktok'		=> 'tiktok-logo',
		'threads'		=> 'threads-logo',
		'twitch'		=> 'twitch-logo',
		'snapchat'		=> 'snapchat-logo',
		'linktree'		=> 'linktree-logo',
		'fediverse'		=> 'fediverse-logo',
		'mastadon'		=> 'mastadon-logo',
		'youtube'		=> 'youtube-logo',
		'twitter'		=> 'twitter-logo',
		'messenger'		=> 'messenger-logo',
		'facebook'		=> 'facebook-logo',
		'instagram'		=> 'instagram-logo',
		'dash'			=> 'door',
		'event'			=> 'calendar',
		'events'		=> 'calendar',
		'settings'		=> 'gear-six',
		'grid'			=> 'squares-four',
		'list'			=> 'rows',
		'pinned'		=> 'push-pin',
		'search'			=> 'magnifying-glass',
		'add'			=> 'plus-square',
		'minus'			=> 'minus-square',
		'support'		=> 'question',
		'grab'			=> 'dots-six-vertical',
		'checkout'		=> 'receipt',
		'home'			=> 'house',
		'elbow-right-down' => 'arrow-elbow-right-down',
		'elbow-right-up'=> 'arrow-elbow-right-up',
		'elbow-left-down'=> 'arrow-elbow-left-down',
		'elbow-left-up' => 'arrow-elbow-left-up',
		'menu'			=> 'list',
		'submenu'		=> 'caret-down',
		'close'			=> 'x',
		'close-square'	=> 'x-square',
		'dashboard'		=> 'door',
		'system'		=> 'gear-six',
		'options'		=> 'gear-six',
		'news'			=> 'newspaper',
		'metrics'		=> 'chart-line',
		'prev'			=> 'caret-left',
		'up'			=> 'caret-circle-up',
		'right'			=> 'caret-double-right',
		'left'			=> 'caret-double-left',
		'next'			=> 'caret-right',
		'refresh'		=> 'arrows-clockwise',
		'pending'		=> 'arrows-clockwise',
		'copy'			=> 'copy-simple',
		'align-center'	=> 'text-align-center',
		'align-left'	=> 'text-align-left',
		'align-right'	=> 'text-align-right',
		'alphabetical'	=> 'alphabetical.svg',
		'date'			=> 'calendar',
		'down'			=> 'caret-double-down',
		'tattoo'		=> 'drop-simple',
		'tattoos'		=> 'drop-simple',
		'theme'			=> 'folder-open',
		'arttheme'		=> 'folder-open',
		'style'			=> 'hash',
		'artstyle'		=> 'hash',
		'colour'		=> 'drop',
		'placement'		=> 'person-arms-spread',
		'artmedia'		=> 'squares-four',
		'artist'		=> 'user',
		'client'		=> 'user',
		'artists'		=> 'users-three',
		'partner'		=> 'currency-circle-dollar',
		'shop'			=> 'storefront',
		'piercing'		=> 'needle',
		'piercings'		=> 'needle',
		'artwork'		=> 'palette',
		'artform'		=> 'shapes',
		'city'			=> 'map-pin',
		'type'			=> 'users-three',
		'pstyle'		=> 'nut',
		'project'		=> 'code',
		'map'			=> 'map-trifold',
		'offer'			=> 'gift',
		'referrals'		=> 'hand-heart'
	];


    private const ICON_GROUPS = [
        'navigation' => [
            'back'          => ['filename' => 'back', 'label' => 'Back', 'size' => 24],
            'home'          => ['filename' => 'house', 'label' => 'Home'],
            'right'         => ['filename' => 'arrow-fat-right', 'label' => ''],
            'elbow-right-down'=> ['filename' => 'arrow-elbow-right-down', 'label' => ''],
            'elbow-right-up'=> ['filename' => 'arrow-elbow-right-up', 'label' => ''],
            'elbow-left-down'=> ['filename' => 'arrow-elbow-left-down', 'label' => ''],
            'elbow-left-up'=> ['filename' => 'arrow-elbow-left-up', 'label' => ''],
            'menu'          => ['filename' => 'list', 'label' => 'Toggle Menu', 'size' => 32],
            'submenu'       => ['filename' => 'caret-down', 'label' => 'Toggle Submenu'],
            'close'         => ['filename' => 'x', 'label' => 'Close', 'size' => 32],
            'close-square'  => ['filename' => 'x-square', 'label' => 'Close'],
            'dashboard'     => ['filename' => 'door', 'label'=> 'Behind the Scenes', 'size' => 24],
            'dash'     		=> ['filename' => 'door', 'label'=> 'Behind the Scenes', 'size' => 24],
            'settings'      => ['filename' => 'gear-six', 'label'=> 'Settings', 'size' => 24],
            'system'      => ['filename' => 'gear-six', 'label'=> 'Settings', 'size' => 24],
            'options'       => ['filename' => 'gear-six', 'label'=> 'Options', 'size' => 24],
            'news'          => ['filename' => 'newspaper', 'label' => 'News', 'size' => 24],
            'metrics'       => ['filename' => 'chart-line', 'label' => 'Metrics', 'size' => 24],
            'prev'          => ['filename' => 'caret-left', 'label' => 'Previous', 'size' => 24],
            'up'            => ['filename' => 'caret-circle-up', 'label' => 'Up', 'size' => 24],
            'down'            => ['filename' => 'caret-double-down', 'label' => 'Down', 'size' => 24],
            'right'            => ['filename' => 'caret-double-right', 'label' => 'Right', 'size' => 24],
            'next'          => ['filename' => 'caret-right', 'label' => 'Next', 'size' => 24],
            'refresh'       => ['filename' => 'arrows-clockwise', 'label' => 'Refresh', 'size' => 24],
            'pending'       => ['filename' => 'arrows-clockwise', 'label' => 'Refresh', 'size' => 24],
            'clock'         => ['filename' => 'clock', 'label' => 'Hours'],
            'copy'          => ['filename' => 'copy-simple', 'label' => 'Duplicate'],
            'list-heart'    => ['filename' => 'list-heart', 'label'=> 'Lists'],
            'downvoted'      => ['filename' => 'arrow-fat-down-fill.svg', 'label'=> 'Downvote'],
            'upvoted'        => ['filename' => 'arrow-fat-up-fill.svg', 'label'=> 'Upvote'],
            'downvote'      => ['filename' => 'arrow-fat-down', 'label'=> 'Downvote'],
            'upvote'        => ['filename' => 'arrow-fat-up', 'label'=> 'Upvote'],
            'karma'         => ['filename' => 'scales', 'label'=> 'Karma'],
            'response'      => ['filename' => 'chat-teardrop', 'label' => 'Responses'],
            'reply'         => ['filename' => 'arrow-bend-up-left', 'label' => 'Reply'],
            'approval'      => ['filename' => 'check-square-offset', 'label' => 'Approval Requests'],
            'check'         => ['filename' => 'check-circle', 'label' => 'done'],
            'hamburger'         => ['filename' => 'hamburger', 'label' => 'menu']
        ],
        'formatting' => [
            'paragraph'     => ['filename' => 'paragraph', 'label' => 'Paragraph', 'size' => 24],
            'h1'            => ['filename' => 'text-h-one', 'label' => 'Heading 1', 'size' => 24],
            'h2'            => ['filename' => 'text-h-two', 'label' => 'Heading 2', 'size' => 24],
            'h3'            => ['filename' => 'text-h-three', 'label' => 'Heading 3', 'size' => 24],
            'bold'          => ['filename' => 'text-b-bold.svg', 'label' => 'Bold', 'size' => 24],
            'italic'        => ['filename' => 'text-italic', 'label' => 'Italic', 'size' => 24],
            'underline'     => ['filename' => 'text-underline', 'label' => 'Underline', 'size' => 24],
            'strike'        => ['filename' => 'text-strikethrough', 'label' => 'Strikethrough', 'size' => 24],
            'list-bullets'  => ['filename' => 'list-bullets', 'label' => 'Bulleted List', 'size' => 24],
            'list-numbers'  => ['filename' => 'list-numbers', 'label' => 'Numbered List', 'size' => 24],
            'image'         => ['filename' => 'image-square', 'label' => 'Image', 'size' => 24],
            'align-left'    => ['filename' => 'text-align-left', 'label' => 'Align Left', 'size' => 24],
            'align-right'   => ['filename' => 'text-align-right', 'label' => 'Align Right', 'size' => 24],
            'align-center'  => ['filename' => 'text-align-center', 'label' => 'Align Center', 'size' => 24],
            'link'          =>['filename' => 'link', 'label' => 'Link', 'size' => 24],
            'note'          => ['filename' => 'note-pencil', 'label' => 'Notes', 'size' => 24],
			'password'		=> ['filename' => 'password', 'label' => 'Password']
        ],
        'theme' => [
            'light'     => ['filename' => 'sun-dim', 'label' => 'Light Mode'],
            'dark'      => ['filename' => 'moon', 'label' => 'Dark Mode'],
            'grid'      => ['filename' => 'squares-four', 'label' => 'Grid View'],
            'list'      => ['filename' => 'rows', 'label' => 'List View'],
        ],
        'content'   => [
            'offer'     => ['filename'=>'gift', 'label'=>'Offer'],
            'logo' => ['filename' => 'logo.svg', 'label' => 'North\'eh', 'size' => 20],
            'logo-basic' => ['filename' => 'logo-basic.svg', 'label' => 'North\'eh', 'size' => 20],
            'theme'     => ['filename' => 'folder-open', 'label' => 'Theme', 'size' => 20],
            'arttheme'  => ['filename' => 'folder-open', 'label' => 'Art Theme', 'size' => 20],
            'style'     => ['filename' => 'hash', 'label' => 'Style', 'size' => 20],
            'artstyle'  => ['filename' => 'hash', 'label' => 'Art Style', 'size' => 20],
            'colour'    => ['filename' => 'drop', 'label' => 'Colour', 'size' => 20],
            'placement' => ['filename' => 'person-arms-spread', 'label' => 'Placement', 'size' => 20],
            'artmedia'  => ['filename' => 'squares-four', 'label'   => 'Media', 'size' => 20],
            'artist'    => ['filename' => 'user', 'label'=> 'Artist', 'size' => 24],
            'client'    => ['filename' => 'user', 'label'=> 'Artist', 'size' => 24],
            'artists'   => ['filename' => 'users-three', 'label' => 'Artists'],
            'partner'   => ['filename' => 'currency-circle-dollar', 'label' => 'Partner'],
            'shop'      => ['filename' => 'storefront', 'label' => 'Shop', 'size' => 20],
            'tattoo'    => ['filename' => 'drop-simple', 'label' => 'Tattoo', 'size' => 20],
            'tattoos'   => ['filename' => 'drop-simple', 'label' => 'Your Tattoos', 'size' => 20],
            'event'     => ['filename' => 'calendar', 'label' => 'Event', 'size' => 20],
            'events'     => ['filename' => 'calendar', 'label' => 'Your Events', 'size' => 20],
            'piercing'  => ['filename' => 'needle', 'label' => 'Piercings', 'size' => 20],
            'piercings' => ['filename' => 'needle', 'label' => 'Your Piercings', 'size' => 20],
            'artwork'   => ['filename' => 'palette', 'label' => 'Artwork', 'size' => 20],
            'artform'   => ['filename' => 'shapes', 'label' => 'Art Form', 'size' => 20],
            'city'      => ['filename' => 'map-pin', 'label' => 'City', 'size' => 20],
            'type'      => ['filename' => 'users-three', 'label' => 'Artist Type', 'size' => 20],
            'pstyle'    => ['filename' => 'nut', 'label' => 'Body Modifications', 'size' => 20],
            'past'      => ['filename' => 'clock-counter-clockwise', 'label' => 'Past Events', 'size' => 20],
            'future'    => ['filename' => 'clock-clockwise', 'label' => 'Upcoming Events', 'size' => 20],
            'repeat'    => ['filename' => 'repeat', 'label' => 'Recurring Events', 'size' => 20],
			'project'	=> ['filename' => 'code', 'label' => 'Project'],
            'gauge' => ['filename' => 'gauge', 'label'=> 'Dashboard'],
			'map'		=> ['filename' => 'map-trifold', 'label' => 'Map'],
        ],
        'users' => [
            'new-user'  => ['filename' => 'user-circle-plus', 'label' => 'New Artist'],
            'user'      => ['filename' => 'user', 'label' => 'Artist', 'size' => 20],
            'bio'       => ['filename' => 'user', 'label' => 'Your Bio', 'size' => 20],
            'login'     => ['filename' => 'sign-in', 'label' => 'Login'],
            'logout'    => ['filename' => 'sign-out', 'label' => 'Logout']
        ],
        'actions'   => [
            'save'  => ['filename' => 'floppy-disk', 'label' => 'Save'],
            'restore'=> ['filename' => 'arrow-counter-clockwise', 'label' => 'Restore', 'size' => 32],
            'edit'  => ['filename' => 'pencil-simple', 'label' => 'Edit', 'size' => 24],
            'delete'=> ['filename' => 'trash', 'label' => 'Delete', 'size' => 32],
            'search'=> ['filename' => 'magnifying-glass', 'label' => 'Search', 'size' => 32],
            'add'   => ['filename' => 'plus-square', 'label' => 'Add New', 'size' => 32],
            'minus' => ['filename' => 'minus-square', 'label' => 'Collapse', 'size' => 32],
            'help'  => ['filename' => 'question', 'label' => 'Toggle Quick Help'],
            'support'  => ['filename' => 'question', 'label' => 'Toggle Quick Help'],
            'grab'  => ['filename' => 'dots-six-vertical', 'label'=> 'Grab'],
            'share' => ['filename' => 'share', 'label' => 'Share', 'size'=> 24],
            'cart' => ['filename' => 'shopping-cart', 'label' => 'Your Cart', 'size'=> 24],
            'checkout' => ['filename' => 'receipt', 'label' => 'Checkout', 'size'=> 24],
            'upload' => ['filename' => 'cloud-arrow-up', 'label' => 'Upload to Server', 'size'=> 24],
            'download' => ['filename' => 'cloud-arrow-down', 'label' => 'Downloading', 'size'=> 24],
            'synced' => ['filename' => 'cloud-check', 'label' => 'Synced', 'size'=> 24],
            'syncing' => ['filename' => 'cloud-sync-thin.svg', 'label' => 'Synced', 'size'=> 24],
            'cloud' => ['filename' => 'cloud', 'label' => 'Synced', 'size'=> 24],
//            'pending' => ['filename' => 'cloud', 'label' => 'Synced', 'size'=> 24],
            'offline' => ['filename' => 'cloud-slash', 'label' => 'Offline', 'size'=> 24],
            'error' => ['filename' => 'cloud-warning', 'label' => 'Upload Failed', 'size'=> 24],

        ],
        'status' => [
            'show'          => ['filename' => 'eye', 'label' => 'Show', 'size' => 20],
            'publish'       => ['filename' => 'eye', 'label' => 'Public', 'size' => 20],
            'hide'          => ['filename' => 'eye-closed', 'label' => 'Hide', 'size' => 20],
            'draft'         => ['filename' => 'eye-closed', 'label' => 'Hidden', 'size' => 20],
            'pinned'        => ['filename' => 'push-pin-simple', 'label' => 'Pin', 'size' => 32],
            'bell'          => ['filename' => 'bell', 'label' => 'Notification', 'size' => 32],
            'bell-ringing'  => ['filename' => 'bell-ringing', 'label' => 'Notification', 'size' => 32]
        ],
        'sorting' => [
            'table' => ['filename' => 'table', 'label' => 'Table View', 'size' => 20],
            'columns' => ['filename' => 'columns', 'label' => 'Show Columns', 'size' => 20],
            'alphabetical' => ['filename' => 'alphabetical', 'label' => 'Alphabetical', 'size' => 20],
            'calendar' => ['filename' => 'calendar-heart', 'label' => 'Date', 'size' => 20],
            'asc' => ['filename' => 'sort-ascending', 'label' => 'Sort Ascending', 'size' => 20],
            'ASC' => ['filename' => 'sort-ascending', 'label' => 'Sort Ascending', 'size' => 20],
            'desc' => ['filename' => 'sort-descending', 'label' => 'Sort Descending', 'size' => 20],
            'DESC' => ['filename' => 'sort-descending', 'label' => 'Sort Descending', 'size' => 20],
            'filter' => ['filename' => 'faders', 'label' => 'Filter'],
            'all' => ['filename' => 'infinity', 'label' => 'All', 'size' => 32],
            'random' => ['filename' => 'shuffle', 'label' => 'Random', 'size' => 20]
        ],
        'business' => [
            'location' => ['filename' => 'map-pin', 'label' => 'Location'],
            'hours' => ['filename' => 'clock', 'label' => 'Hours'],
            'star'  => ['filename' => 'star', 'label' => 'Empty Star'],
            'star-fill'  => ['filename' => 'star-fill.svg', 'label' => 'Star'],
            'star-half'  => ['filename' => 'star-half-fill.svg', 'label' => 'Half Star'],
        ],
        'social' => [
            'heart'     => ['filename' => 'heart', 'label' => 'Favourite', 'size' => 24],
            'favourite'     => ['filename' => 'heart', 'label' => 'Favourite', 'size' => 24],
            'favourites'=> ['filename' => 'heart', 'label' => 'Your Favourites', 'size' => 24],
            'heart-fill'=> ['filename' => 'heart-fill.svg', 'label' => 'Favourited', 'size' => 24],
            'share'     => ['filename' => 'share', 'label' => 'Share', 'size' => 32],
            'email'     => ['filename' => 'envelope','label'=> 'Email'],
            'text'      => ['filename' => 'chat','label'=> 'Text'],
            'phone'     => ['filename' => 'phone','label'=> 'Call'],
        ],
        'external'   => [
			'integrations' => ['filename' => 'plugs-connected', 'label' => 'Integrations'],
			'connected' => ['filename' => 'plugs-connected', 'label' => 'Connected'],
			'disconnected' => ['filename' => 'plugs', 'label' => 'Disconnected'],
            'instagram' => ['filename' => 'instagram-logo', 'label' => 'Instagram'],
            'facebook'  => ['filename' => 'facebook-logo', 'label' => 'Facebook'],
            'messenger' => ['filename' => 'messenger-logo', 'label' => 'Facebook Messenger'],
            'twitter'   => ['filename' => 'twitter-logo', 'label' => 'Twitter'],
            'x'   => ['filename' => 'x-logo', 'label' => 'X'],
            'youtube'   => ['filename' => 'youtube-logo', 'label' => 'YouTube'],
            'mastadon'   => ['filename' => 'mastadon-logo', 'label' => 'Mastadon'],
            'fediverse'   => ['filename' => 'fediverse-logo', 'label' => 'Fediverse'],
            'linktree'   => ['filename' => 'linktree-logo', 'label' => 'LinkTree'],
            'snapchat'   => ['filename' => 'snapchat-logo', 'label' => 'Snapchat'],
            'twitch'   => ['filename' => 'twitch-logo', 'label' => 'Twitch'],
            'threads'   => ['filename' => 'threads-logo', 'label' => 'Threads'],
            'tiktok'   => ['filename' => 'tiktok-logo', 'label' => 'TikTok'],
            'square-up'   => ['filename' => 'square-logo', 'label' => 'Square'],
            'umami'   => ['filename' => 'chart-line', 'label' => 'Umami'],
        ]
    ];
    private string $defaultStyle = '-thin';
    private int $defaultSize = 16;
    protected string $name;
	protected array $used;
	protected int $size = 20;
	protected CacheManager $cache;

    public function __construct()
    {
		$this->cache = CacheManager::for('icons', WEEK_IN_SECONDS);
//		$this->cache->invalidateGroup('icons');
		$this->style = JVB_SITE['icons']??'regular';


		$this->used = get_option(BASE.'used_icons', [
			$this->style => [
				'heart',
				'hours',
				'random',
				'alphabetical',
				'calendar',
				'asc',
				'desc',
				'all',
				'paragraph',
				'h1',
				'h2',
				'h3',
				'bold',
				'italic',
				'underline',
				'strike',
				'list-bullets',
				'list-numbers',
				'image',
				'align-left',
				'align-right',
				'align-center',
				'link',
				'note',
				'password',
				'light',
				'left',
				'dark',
				'grid',
				'list',
				'save',
				'restore',
				'edit',
				'delete',
				'search',
				'add',
				'minus',
				'help',
				'support',
				'grab',
				'share',
				'cart',
				'checkout',
				'upload',
				'download',
				'synced',
				'syncing',
				'cloud',
				'offline',
				'error',
				'show',
				'publish',
				'hide',
				'draft',
				'pinned',
				'bell',
				'bell-ringing',
				'back',
				'home',
				'right',
				'elbow-right-down',
				'elbow-right-up',
				'elbow-left-down',
				'elbow-left-up',
				'menu',
				'submenu',
				'close',
				'close-square',
				'dashboard',
				'dash',
				'settings',
				'system',
				'options',
				'news',
				'metrics',
				'prev',
				'up',
				'down',
				'right',
				'copy',
				'next',
				'refresh',
				'pending',
				'clock',
				'copy',
				'list-heart',
				'karma',
				'response',
				'reply',
				'approval',
				'check',
				'hamburger',
				'location',
				'hours',
				'star',
				'star-half',
				'exclamation-mark'
			],
			'fill'	=> [
				'heart',
				'arrow-fat-down',
				'arrow-fat-up',
				'star'
			]
		]);
    }

	protected function updateUsed():void
	{
		$icons = [];
		foreach ($this->used as $style => $items) {
			$temp = array_unique($items);
			sort($temp);
			$icons[$style] = $temp;
		}
		update_option(BASE . 'used_icons', $icons);
	}

	protected function checkMap(string $name): string
	{
		$result = apply_filters('jvbIconMap', (array_key_exists($name, $this->map)) ? $this->map[$name] : $name, $name);
		return $result;
	}

	protected function checkName(string $name) {
		$name = $this->checkMap($name);
		$path = (str_contains($name, '.svg')) ? '/assets/icons/' : '/assets/phosphor-icons/regular/';
		$filename = (str_contains($name, '.svg')) ? $name : $name.'.svg';
		return file_exists(JVB_DIR . $path . $filename);
	}
    public function getIcon(string $name, array $options = []):?string
    {
		if (!$this->checkName($name)) {
			error_log('[Icons]Icon not found for: '.print_r($name, true));
			return '';
		}
		$style = (array_key_exists('style', $options) && in_array($options['style'], $this->styles)) ? $options['style'] : 'regular';

		$update = false;
		if (!array_key_exists($style, $this->used)) {
			$this->used[$style] = [];
			$update = true;
		}
		if (!in_array($name, $this->used[$style])) {
			$this->used[$style][] = $name;
			$update = true;
		}
		if ($update) {
			$this->updateUsed();
		}

		$name = $this->checkMap($name);
        $this->name = str_replace('.svg', '', $name);


        // Merge options with defaults and icon config
        $options = array_merge([
            'title' => $options['label']??$this->getIconLabel($name),
            'size' => $options['size'] ?? $this->size,
            'style' => $style,
            'class' => '',
            'wrap'  => true,
            'color' => 'currentColor'
        ], $options);

		return $this->cache->remember(
			array_merge($options, ['name' => $name]),
			function () use ($name, $options) {
				return $this->buildIcon($name, $options);
			}
		);
    }

    public function getIconsByGroup(string $group):array
    {
        if (!isset(self::ICON_GROUPS[$group])) {
            return [];
        }

        $icons = [];
        foreach (self::ICON_GROUPS[$group] as $name => $config) {
            $icons[$name] = $this->getIcon($name);
        }

        return array_filter($icons);
    }

    public function getAllIcons():array
    {
        $icons = [];
        foreach (self::ICON_GROUPS as $group => $groupIcons) {
            foreach ($groupIcons as $name => $config) {
                $icons[$name] = $this->getIcon($name);
            }
        }

        return array_filter($icons);
    }

    public function getGroups():array
    {
        return array_keys(self::ICON_GROUPS);
    }

    private function findIconConfig(string $name):?array
    {
        foreach (self::ICON_GROUPS as $groupIcons) {
            if (isset($groupIcons[$name])) {
                return $groupIcons[$name];
            }
        }
        return null;
    }

    private function buildIcon(string $name, array $options):?string
    {

        $filepath = $this->buildFilePath($name, $options['style']);
        if (!file_exists($filepath)) {
            error_log("Icon file not found: $filepath");
            return null;
        }

        $svg = file_get_contents($filepath);
        if ($svg === false) {
            return null;
        }

        return $this->formatSvg($svg, $options);
    }

    private function buildFilePath(string $filename, string $style = ''):string
    {
		$svg = false;
		if (str_contains($filename, '.svg')) {
			$svg = true;
			$nameExtra = '';
			$path = '/assets/icons/';
		} else {
			$nameExtra = ($style === 'regular') ? '' : '-'.$style;
			$path = '/assets/phosphor-icons/';
		}

        $filename = (str_contains($filename, '.svg')) ? $filename : $filename . $nameExtra . '.svg';
		$style = ($style === '') ? '' : $style .'/';
		$style = ($svg) ? '' : $style;
        return JVB_DIR . $path . $style . $filename;
    }

	private function formatSvg(string $svg, array $options): string
	{
		// Clean up SVG
		$svg = preg_replace("/([\n\t]+)/", ' ', $svg);
		$svg = preg_replace('/>\s*</', '><', $svg);

		// Add size attributes - FIXED: assign results back to $svg
		if ($options['size'] !== 32) {
			$svg = str_replace('width="32"', 'width="' . (int)$options['size'] . '"', $svg);
			$svg = str_replace('height="32"', 'height="' . (int)$options['size'] . '"', $svg);
		}

		// Add color if provided - FIXED: assign results back to $svg
		if ($options['color'] !== 'currentColor') {
			$svg = str_replace('currentColor', $options['color'], $svg);
		}

		// Add title if provided
		if (!empty($options['title'])) {
			$svg = str_replace('<svg', '<svg title="' . esc_attr($options['title']) . '"', $svg);
			$svg = str_replace('aria-hidden="true"', '', $svg);
		}

		$classes = trim('icon row ' . $this->name . ' ' . $options['class']);
		if (array_key_exists('wrap', $options) && $options['wrap'] === false) {
			return $svg;
		}
		return sprintf(
			'<i class="%s">%s</i>',
			esc_attr($classes),
			$svg
		);
	}

	/****************************
	 * Converts to CSS icon
	 ***************************/
	public function getCSSIcon(string $name, array $options = []): ?string
	{
		if (!$this->checkName($name)) {
			return '';
		}
		$name = $this->checkMap($name);
		$style = (array_key_exists('style', $options) && in_array($options['style'], $this->styles)) ? $options['style'] : 'regular';

		$this->name = str_replace('.svg', '', $name);

		// Merge options with defaults and icon config
		$options = array_merge([
			'title' => $options['label']??$this->getIconLabel($name),
			'size' => $options['size'] ?? $this->size,
			'style' => $style,
			'class' => '',
			'wrap'  => true,
			'color' => 'currentColor'
		], $options);

		$svg = $this->cache->remember(
			array_merge($options, ['name' => $name, 'css' => true]),
			function() use ($name, $options) {
				return $this->buildRawSvg($name, $options);
			}
		);
		// Convert to base64 data URI
		$svg = ($svg) ? 'data:image/svg+xml;base64,' . base64_encode($svg) : null;
		return $svg;
	}

	private function buildRawSvg(string $filename, array $options): ?string
	{
		$filepath = $this->buildFilePath($filename, $options['style']);
		if (!file_exists($filepath)) {
			error_log("Icon file not found: $filepath");
			return null;
		}

		$svg = file_get_contents($filepath);
		if ($svg === false) {
			return null;
		}

		return $this->formatRawSvg($svg, $options);
	}

	private function formatRawSvg(string $svg, array $options): string
	{
		// Clean up SVG
		$svg = preg_replace("/([\n\t]+)/", ' ', $svg);
		$svg = preg_replace('/>\s*</', '><', $svg);

		// Add size attributes - FIXED: assign results back to $svg
		if ($options['size'] > 0) {
			$svg = str_replace('width="32"', 'width="' . (int)$options['size'] . '"', $svg);
			$svg = str_replace('height="32"', 'height="' . (int)$options['size'] . '"', $svg);
		}

		// Add color if provided and not currentColor - FIXED: assign results back to $svg
		if ($options['color'] !== 'currentColor') {
			$svg = str_replace('currentColor', $options['color'], $svg);
		}

		return $svg;
	}

	public function localizeIcons():array
	{
		if (empty($this->used)) {
			return [];
		}
		$used = [];
		foreach ($this->used as $style => $icons) {
			foreach ($icons as $icon) {
				$used[$icon] = $this->getIcon($icon, ['style' => $style]);
			}
		}
		return $used;
	}

	public function getIconLabel(string $name): string
	{
		$name = str_replace('.svg', '', $name);
		$label = (array_key_exists($name, $this->labels)) ? $this->labels[$name] : '';

		$result = apply_filters('jvbIconLabel', $label, $name);

		return $result;
	}
}