Steve’s Stock Tool

<h3>Steve's Stock Tool</h3>
<p><strong>⚠️ Private Research Tool - Not Financial Advice</strong></p>

<form onsubmit="return submitForm(event)" id="stockForm">
    <p>
        <label>Your Name:<br>
        <input type="text" id="name" name="name" required style="width: 300px; padding: 8px;"></label>
    </p>
    
    <p>
        <label>Email Address:<br>
        <input type="email" id="email" name="email" required style="width: 300px; padding: 8px;"></label><br>
        <small>Report will be sent to this email</small>
    </p>
    
    <p>
        <label>Ticker Symbol:<br>
        <input type="text" id="ticker" name="ticker" placeholder="AAPL" required style="width: 300px; padding: 8px;"></label>
    </p>
    
    <p>
        <label>Market Exchange:<br>
        <select id="market" name="market" required style="width: 316px; padding: 8px;">
            <option value="">Select...</option>
            <option value="NYSE">NYSE - New York</option>
            <option value="NASDAQ">NASDAQ</option>
            <option value="LSE">LSE - London</option>
            <option value="ASX">ASX - Australia</option>
            <option value="NZX">NZX - New Zealand</option>
            <option value="TSE">TSE - Tokyo</option>
            <option value="TSX">TSX - Toronto</option>
            <option value="HKEX">HKEX - Hong Kong</option>
        </select></label>
    </p>
    
    <p>
        <button type="submit" id="submitBtn" style="background: #0073aa; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer;">Generate & Email Report</button>
    </p>
</form>

<div id="result" style="margin-top: 15px;"></div>

<script type="text/javascript">
function submitForm(e) {
    e.preventDefault();
    
    var data = {
        name: document.getElementById('name').value,
        email: document.getElementById('email').value,
        ticker: document.getElementById('ticker').value.toUpperCase(),
        market: document.getElementById('market').value,
        timestamp: new Date().toISOString(),
        requestId: Math.random().toString(36).substring(7)
    };
    
    document.getElementById('submitBtn').innerHTML = 'Processing...';
    document.getElementById('submitBtn').disabled = true;
    document.getElementById('result').innerHTML = '<p>Sending request...</p>';
    
    // Test the form data first
    console.log('Form data:', data);
    
    // Show test response
    setTimeout(function() {
        document.getElementById('result').innerHTML = 
            '<div style="background: #d4edda; border: 1px solid #c3e6cb; padding: 15px; border-radius: 5px; color: #155724;">' +
            '<strong>✅ Form Test Successful!</strong><br>' +
            'Form captured: ' + data.name + ' (' + data.email + ')<br>' +
            'Request for: <strong>' + data.ticker + '</strong> on ' + data.market + '<br>' +
            '<small>Request ID: ' + data.requestId + '</small><br><br>' +
            '<em>Ready to connect to n8n workflow!</em>' +
            '</div>';
        document.getElementById('submitBtn').innerHTML = 'Generate & Email Report';
        document.getElementById('submitBtn').disabled = false;
    }, 1000);
    
    return false;
}
</script>