<?php
namespace JVBase\users;

use JVBase\JVB;
use JVBase\registry\ContentRegistry;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}

class UserSettings extends ContentRegistry
{
    protected array $fields;
    protected array $sections = [
        'account'   => [
            'title'         => 'Account',
            'icon'          => 'settings',
        ],
        'notifications' => [
            'title'         => 'Notifications',
            'icon'          => 'email'
        ],
        'newsletter' => [
            'title'         => 'Newsletter',
            'icon'          => 'logo'
        ],
        'invitations'    => [
            'title'        => 'Invite Artists',
            'icon'        => 'new-user',
        ]
    ];
    protected array $frequency = [
        'never'     => 'Never',
        'daily'     => 'Daily',
        'weekly'    => 'Weekly',
        'monthly'   => 'Monthly',
    ];

    public function initType():void
    {
        $this->object_type = 'user';
        $this->userFields();
    }

    public function getFields():array
    {
        return $this->fields;
    }
    public function getSections():array
    {
        return $this->sections;
    }
    public function userFields():void
    {

        $this->fields = [
            'display_name'  => [
                'type'  => 'text',
                'label' => 'Name',
                'description'   => 'Optional. Only used if you allow artists to see your info when you favourite them.',
                'default'   => '',
                'section'   => 'account',
                'role'      => ['ei_enthusiast']
            ],
            'user_email'    => [
                'type'  => 'email',
                'label' => 'Email',
                'description'   => 'Required for any notifications you subscribe to.',
                'default'   => '',
                'section'   => 'account',
                'role'      => ['ei_enthusiast']
            ],
            'city'      => [
                'type'  => 'text',
                'label' => 'City',
                'description'   => 'Optional. Just helps us know where people who use this site are located.',
                'default'   => '',
                'section'   => 'account',
                'role'      => ['ei_enthusiast']
            ],
            'notify'    => [
                'type'  => 'true_false',
                'label' => 'Notify artists when you favourite their work',
                'description'   => 'If you select this, artists will see your name when you favourite their work, else they will just get an anonymous notification.',
                'default'   => false,
                'section'   => 'account',
            ],
            'dark_mode'    => [
                'type'  => 'true_false',
                'label' => 'Dark Mode',
                'default'   => false,
            ],
            'email_digest'  => [
                'type'      => 'radio',
                'label'     => 'Email Summary Frequency',
                'options'   => $this->frequency,
                'default'   => 'never',
                'section'       => 'notifications'
            ],
            'digest_override'   => [
                'type'  => 'true_false',
                'label' => 'Apply to all notifications',
                'description'   => 'Override individual notification settings and apply this frequency to all your notifications',
                'default'     => false,
                'section'       => 'notifications'
            ],
            'notifications' => [
                'type'      => 'callback',
                'callback'  => 'renderNotifications',
                'label'     => 'Notifications',
                'section'   => 'notifications',
                'default'   => '',
            ],
            'site_updates'  => [
                'type'  => 'true_false',
                'label' => 'Site Updates',
                'description' => 'Get notified when new features are added to edmonton.ink',
                'default'   => false,
                'section'   => 'account',
            ],
            'newsletter'    => [
                'type'  => 'true_false',
                'label' => 'Newsletter',
                'description'   => 'Sign up for our monthly-ish newsletter, featuring upcoming events, featured artists, new artists, and their work.',
                'default'   => false,
                'section'   => 'newsletter',
            ],
            'owner_of'    => [
                'type' => 'selector',
				'subtype'=> 'taxonomy',
                'label'    => __('Owner of', 'jvb'),
                'isReference' => true,
                'taxonomy' => BASE. 'shop',
                'quickEdit'    => true,
                'default'    => '',
            ],
            'manager_of'    => [
                'type' => 'selector',
                'subtype' => 'taxonomy',
                'label'    => __('Manager of', 'jvb'),
                'isReference' => true,
                'taxonomy' => BASE. 'shop',
                'hidden'    => true,
                'default'    => '',
            ],

            'invitations'    => [
                'type'    => 'callback',
                'callback'    => 'handleInvitationsManagement',
                'section'    => 'invitations',
                'label'        => __('Invite Artists', 'jvb'),
                'role'      => ['ei_artist']
            ],
        ];
    }

    /**
     * Render custom notification preferences UI
     * @param int $user_id
     *
     * @return string
     */
    public function renderNotifications(int $user_id):string
    {
        $favourites = $this->getUserFavourites($user_id);
        $preferences = $this->getUserNotificationPreferences($user_id);
        global $notify;

        ob_start();
        ?>
        <div class="notification-preferences">
            <?php foreach ($favourites as $type => $items) : ?>
                <details class="notification-group">
                    <summary class="notification-group-header row x-btw">
                        <span class="type-label"><?=jvbIcon('heart', ['style' => 'fill'])?> <?= $notify[$type] ?></span>
                        <span class="type-count">( <?= count($items); ?> )</span>
                    </summary>

                    <?php if (!empty($items)) : ?>
                        <table class="notification-table">
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th>Frequency</th>
                            </tr>
                            </thead>
                            <tbody>
                            <?php foreach ($items as $item) : ?>
                                <?php
                                $current = isset($preferences['preferences'][$type][$item['id']])
                                    ? $preferences['preferences'][$type][$item['id']]
                                    : $preferences['default_frequency'];
                                ?>
                                <tr>
                                    <td><?= esc_html($item['name']); ?></td>
                                    <td>
                                        <div class="radio-options row">
                                            <?php foreach (['never', 'daily', 'weekly', 'monthly'] as $freq) : ?>
                                                <input type="radio"
                                                       name="notification_preferences[<?= esc_attr($type); ?>][<?= esc_attr($item['id']); ?>]"
                                                       id="<?= esc_attr("{$type}_{$item['id']}_$freq"); ?>"
                                                       value="<?= esc_attr($freq); ?>"
                                                    <?php checked($current, $freq); ?>>
                                                <label for="<?= esc_attr("{$type}_{$item['id']}_$freq"); ?>">
                                                    <?= ucfirst($freq); ?>
                                                </label>
                                            <?php endforeach; ?>
                                        </div>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                            </tbody>
                            <tfoot>
                            <tr>

                                <th>Set all <?= $type ?>s to: </th>
                                <th>
                                    <div class="radio-options row">
                                        <?php foreach (['never', 'daily', 'weekly', 'monthly'] as $freq) : ?>
                                            <input type="radio"
                                                   name="toggle-all-<?=$type?>"
                                                   id="toggle-all-<?=$type?>-<?=$freq?>"
                                                   value="<?= esc_attr($freq); ?>"
                                                class="toggle-all">
                                            <label for="toggle-all-<?=$type?>-<?=$freq?>">
                                                <?= ucfirst($freq); ?>
                                            </label>
                                        <?php endforeach; ?>
                                    </div>
                                </th>

                            </tr>
                            </tfoot>
                        </table>
                    <?php else : ?>
                        <p class="no-items">No favourites yet</p>
                    <?php endif; ?>
                </details>
            <?php endforeach; ?>
        </div>
        <script>
            function initGroupOverrides() {
                document.querySelectorAll('.toggle-all').forEach(toggle => {
                    toggle.addEventListener('change', e => {
                        e.preventDefault();
                        if(toggle.checked){
                            const table = e.target.closest('table');
                            console.log(table);
                            const value = toggle.value;

                            // Enable/disable individual controls
                            table.querySelectorAll('input[value="'+value+'"]').forEach(radio => {
                                radio.checked = true;
                            });
                        }

                    });
                });

                // Listen for changes to default frequency
                document.querySelector('input[name="digest_override"]').addEventListener('change', e=>{
                    let value = document.querySelector('input[name="email_digest"]:checked').value;

                    console.log(value);
                    document.querySelectorAll('input[value="'+value+'"]').forEach(toggle => {
                        toggle.checked = true;
                    });

                    setTimeout(function () {
                        e.target.checked = false;
                    }, 1000)

                });

            }
            initGroupOverrides();
        </script>
        <?php
        return ob_get_clean();
    }

    /**
     * Get user's favourites grouped by type
     */
    protected function getUserFavourites(int $user_id):array
    {
        global $wpdb;
        $table = $wpdb->prefix . BASE.'favourites';
        global $notify;
        global $types;


        $favourites = [];
        foreach (array_keys($notify) as $type) {
            $favourites[$type] = [];
        }

        // Fetch favourites from database
        $results = $wpdb->get_results($wpdb->prepare(
            "SELECT * FROM $table WHERE user_id = %d",
            $user_id
        ));

        foreach ($results as $result) {
            $type = str_replace(BASE, '', $result->type);


            if (!array_key_exists($type, $favourites)) {
                continue;
            }
            // Get proper name based on type
            switch ($types[BASE.$type]['table']) {
                case 'post':
                    $name = get_the_title($result->target_id);
                    break;
                case 'term':
                    $term = get_term($result->target_id, BASE.$type);
                    $name = $term ? html_entity_decode($term->name) : '';
                    break;
                default:
                    $name = '';
            }

            if ($name) {
                $favourites[$type][] = [
                    'id' => $result->target_id,
                    'name' => $name
                ];
            }
        }

        return $favourites;
    }

    /**
     * Get current notification preferences
     */
    protected function getNotificationPreferences(int $user_id):array
    {
        return get_user_meta($user_id, 'notification_preferences', true) ?: [];
    }

    protected function getUserNotificationPreferences(int $user_id):array
    {
        global $wpdb;
        $table = $wpdb->prefix . BASE.'notification_preferences';

//        error_log('Getting notification preferences for user: ' . $user_id);

        // Get user's preferences from the table
        $raw_preferences = $wpdb->get_results($wpdb->prepare(
            "SELECT notification_type, item_id, frequency
         FROM {$table}
         WHERE user_id = %d",
            $user_id
        ), ARRAY_A);

//        error_log('Raw preferences from database: ' . print_r($raw_preferences, true));

        // Structure the preferences
        $preferences = [];
        if (!empty($raw_preferences)) {
            foreach ($raw_preferences as $pref) {
                $type = $pref['notification_type'];
                $item_id = intval($pref['item_id']);
                $frequency = $pref['frequency'];

                if (!isset($preferences[$type])) {
                    $preferences[$type] = [];
                }
                $preferences[$type][$item_id] = $frequency;
            }
        }

        // Get default frequency
        $default_frequency = get_user_meta($user_id, BASE.'email_digest', true) ?: 'never';

//        error_log('Structured preferences: ' . print_r($preferences, true));
//        error_log('Default frequency: ' . $default_frequency);

        return [
            'preferences' => $preferences,
            'default_frequency' => $default_frequency
        ];
    }

    public function handleInvitationsManagement(int $userID):void
    {
        $name = 'artist_invite';
        ?>
        <div class="field">
            <script type="text/javascript">
                function addArtist(button){
                    let template = window.getTemplate('artistInvite');
                    let container = button.closest('.field').querySelector('.invite-artists');

                    let nameLabel = template.querySelector('label[for="invited-artist-name"]'),
                        nameInput = template.querySelector('input#invited-artist-name'),
                        emailLabel = template.querySelector('label[for="invited-artist-email"]'),
                        emailInput = template.querySelector('input#invited-artist-email'),
                        shopLabel = template.querySelector('label[for="invited-add-to-shop"]'),
                        shopInput = template.querySelector('input#invited-add-to-shop');


                    let count = container.childNodes.length;
                    console.log(container.childNodes);
                    [
                        nameLabel.htmlFor,
                        nameInput.id,
                        nameInput.name,
                        emailLabel.htmlFor,
                        emailInput.id,
                        emailInput.name,
                        shopLabel.htmlFor,
                        shopInput.id,
                        shopInput.name
                    ] =
                    [
                        `${nameLabel.getAttribute('for')}-${count}`,
                        `${nameInput.id}-${count}`,
                        `${nameInput.name}-${count}`,
                        `${emailLabel.htmlFor}-${count}`,
                        `${emailInput.id}-${count}`,
                        `${emailInput.name}-${count}`,
                        `${shopLabel.htmlFor}-${count}`,
                        `${shopInput.id}-${count}`,
                        `${shopInput.name}-${count}`
                    ];
                    container.append(template);
                }
                function removeArtist(button){
                    button.closest('.invited-artist').remove();
                }

                async function revokeInvite(button){
                    try {
                        let artist = button.closest('tr');
                        let id = artist.id;

                        const headers = {
                            'X-WP-Nonce': eiSettings.nonce,
                            'action_nonce': eiSettings.dash,
                            'Content-Type': 'application/json'
                        };

                        let body = {
                            user: eiSettings.currentUser,
                            revoke: id
                        };
                        let request = {
                            method: 'POST',
                            headers: headers,
                            body: JSON.stringify(body)
                        };
                        console.log(request);


                        const response = await fetch(`${eiSettings.api}invitations`, request);

                        console.log(response);
                        if (!response.ok) {
                            const errorData = await response.json().catch(() => ({}));
                        }

                        const data =  await response.json();
                        if(data.success){
                            artist.remove();
                        }
                    }catch (error) {
                    }
                }

                async function resendInvite(button){
                    try {
                        let artist = button.closest('tr');
                        let id = artist.id;

                        const headers = {
                            'X-WP-Nonce': eiSettings.nonce,
                            'action_nonce': eiSettings.dash,
                            'Content-Type': 'application/json'
                        };

                        let body = {
                            user: eiSettings.currentUser,
                            refresh: id
                        };
                        let request = {
                            method: 'POST',
                            headers: headers,
                            body: JSON.stringify(body)
                        };
                        console.log(request);


                        const response = await fetch(`${eiSettings.api}invitations`, request);

                        console.log(response);
                        if (!response.ok) {
                            const errorData = await response.json().catch(() => ({}));
                        }

                        const data =  await response.json();

                    }catch (error) {
                    }
                }

                function sendInvites(button){
                    if(document.querySelector('.invited-artist')){
                        let newArtists = [];
                        document.querySelectorAll('.invited-artist').forEach(invited => {
                            let name = invited.querySelector('input[type="text"]'),
                                email = invited.querySelector('input[type="email"]'),
                                toShop = invited.querySelector('input[type="checkbox"]');
                            if(name.value === '' || email.value === ''){
                                invited.classList.add('required');
                                return;
                            }

                            newArtists.push({
                                name: name.value,
                                email: email.value,
                                toShop: toShop.checked
                            });
                            invited.remove();
                        });
                        if(newArtists.length > 0){
                            window.queueManager.addToQueue({
                                type: 'invite_artist',
                                data: newArtists
                            });
                        }
                    }
                }
            </script>

            <section class="invite-artists">
                <div class="invited-artist">
                    <button type="button" onclick="removeArtist(this)" title="Remove Invite"><?=jvbIcon('trash')?></button>
                    <div>
                        <label for="invited-artist-name-1">First Name</label>
                        <input type="text" id="invited-artist-name-1" name="invited-artist-name-1">
                    </div>
                    <div>
                        <label for="invited-artist-email-1">Email</label>
                        <input type="email" id="invited-artist-email-1" name="invited-artist-email-1">
                    </div>
                    <div>
                        <input type="checkbox" name="invited-add-to-shop-1" id="invited-add-to-shop-1">
                        <label for="invited-add-to-shop-1">Add to shop?</label>
                    </div>
                </div>
            </section>
            <div class="actions">
                <button type="button" onclick="addArtist(this)" class="add-artist"><?= jvbIcon('plus-square')?>Add Artist</button>
                <button type="button" onclick="sendInvites(this)" class="send-invites"><?=jvbIcon('envelope')?>Send Invites</button>
            </div>

            <template class="artistInvite">
                <div class="invited-artist">
                    <button type="button" onclick="removeArtist(this)" title="Remove Invite"><?=jvbIcon('trash')?></button>
                    <div>
                        <label for="invited-artist-name">First Name</label>
                        <input type="text" id="invited-artist-name" name="invited-artist-name">
                    </div>
                    <div>
                        <label for="invited-artist-email">Email</label>
                        <input type="email" id="invited-artist-email" name="invited-artist-email">
                    </div>
                    <div>
                        <input type="checkbox" name="invited-add-to-shop" id="invited-add-to-shop">
                        <label for="invited-add-to-shop">Add to shop?</label>
                    </div>
                </div>
            </template>
        </div>
        <?php

        $invites = JVB()->routes('invites')->getUserInvitations($userID);

        ?>
        <table class="artist-invite">
            <thead>
                <tr>
                    <th scope="col" style="width:100%;">Name</th>
                    <th scope="col" style="padding:0 .5rem">Email</th>
                    <th scope="col" style="padding:0 .5rem">Status</th>
                    <th scope="col" style="padding:0 .5rem">Expires</th>
                    <th scope="col" style="padding:0 .5rem">Actions</th>
                </tr>
            </thead>
            <tbody>
            <?php
            if (!empty($invites->invitations)) {
                foreach ($invites->invitations as $invite) {
                    ?>
                    <tr id="<?=$invite['id']?>">
                        <td>
                            <?=$invite['name']?>
                        </td>
                        <td>
                            <?=$invite['email']?>
                        </td>
                        <td>
                            <?=$invite['status']?>
                        </td>
                        <td>
                            <?=$invite['expires_at']?>
                        </td>
                        <td class="actions">
                            <button type="button" data-action="revoke" title="Revoke Invitation" onclick="revokeInvite(this)">
                                <?=jvbIcon('trash')?>
                                <span class="screen-reader-text">Revoke invite</span>
                            </button>
                            <button type="button" data-action="resend"<?=($invite['status'] === 'exipired') ? '' : ' disabled'?> title="Resend Invitation" onclick="resendInvite(this)">
                                <?=jvbIcon('arrows-clockwise')?>
                                <span class="screen-reader-text">Try Again</span>
                            </button>
                        </td>

                    </tr>
                    <?php
                }
            } else {
                ?>
                <tr><td><i>No invites yet</i></td><td></td><td></td><td></td><td></td></tr>
                <?php
            }
            ?>
            </tbody>
        </table>
        <?php
    }
}