// ==UserScript==
// @name         自动填充表单（使用随机用户信息）
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  自动填充表单，并使用随机用户信息进行填写（仅当存在包含地址信息的注册表单时显示确认提示）
// @author       Gray
// @match        http://*/*
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    window.addEventListener('load', () => {
        const formCheck = setInterval(() => {
            const addressField = document.querySelector('input[name*="address"]');
            if (addressField) {
                clearInterval(formCheck); // 停止定时器
                autoFillForm(addressField.closest('form')); // 执行自动填充函数
            }
        }, 2000);
    });

    function autoFillForm(form) {
        console.log('found form');
        // 创建包含确认信息的 div 元素
        const confirmDiv = document.createElement('div');
        confirmDiv.style.position = 'fixed';
        confirmDiv.style.top = '10px';
        confirmDiv.style.right = '10px';
        confirmDiv.style.padding = '10px';
        confirmDiv.style.border = '1px solid black';
        confirmDiv.style.backgroundColor = 'white';
        confirmDiv.style.zIndex = '9999';
        confirmDiv.innerHTML = '是否自动填写表单？<br><button id="confirmBtn">确定</button>';

        // 将 div 元素添加到页面中
        document.body.appendChild(confirmDiv);

        // 添加事件监听器来处理按钮点击事件
        const confirmBtn = document.getElementById('confirmBtn');
        confirmBtn.addEventListener('click', () => {
            // 从 API 获取随机用户信息并填充表单
            fetch('https://randomuser.me/api?nat=us')
                .then(response => response.json()) // 将响应转换为 JSON 格式
                .then(data => {
                    const user = data.results[0]; // 提取第一个结果

                    // 填充表单
                    fillForm(form, user);

                    // 删除确认提示 div 元素
                    document.body.removeChild(confirmDiv);
                })
                .catch(error => console.log(error));
        });
    }

    function fillForm(form, user) {
        const firstNameInput = form.querySelector('input[name="firstname"]');
        if (firstNameInput && !firstNameInput.value) {
            firstNameInput.value = user.name.first;
        }

        const lastNameInput = form.querySelector('input[name="lastname"]');
        if (lastNameInput && !lastNameInput.value) {
            lastNameInput.value = user.name.last;
        }

        const emailInput = form.querySelector('input[name="email"]');
        if (emailInput && !emailInput.value) {
            emailInput.value = user.email;
        }

        const phoneNumberInput = form.querySelector('input[name="phonenumber"]');
        if (phoneNumberInput && !phoneNumberInput.value) {
            phoneNumberInput.value = user.phone;
        }

        const addressInput = form.querySelector('input[name*="address"]');
        if (addressInput && !addressInput.value) {
            addressInput.value = user.location.street.name;
        }

        const address2Input = form.querySelector('input[name="address2"]');
        if (address2Input && !address2Input.value) {
            address2Input.value = user.location.street.number;
        }

        const cityInput = form.querySelector('input[name="city"]');
        if (cityInput && !cityInput.value) {
            cityInput.value = user.location.city;
        }

        const stateInput = form.querySelector('input[name="state"]');
        if (stateInput && !stateInput.value) {
            stateInput.value = user.location.state;
        }

        const postcodeInput = form.querySelector('input[name="postcode"]');
        if (postcodeInput && !postcodeInput.value) {
            postcodeInput.value = user.location.postcode;
        }

        const countryInput = form.querySelector('input[name="country"]');
        if (countryInput && !countryInput.value) {
            countryInput.value = user.location.country;
        }
    }
})();