EMI Calculator

<?php

// 1. Register shortcode
function emi_calculator_shortcode() {
    ob_start();
    ?>
    <div id="emi-calculator" style="max-width: 400px; margin: 0 auto;">
      <h2>EMI Calculator</h2>

      <label>Loan Amount (₹)</label>
      <input type="number" id="principal" placeholder="e.g. 500000" style="width:100%; padding:8px;">

      <label>Interest Rate (%)</label>
      <input type="number" id="interest" placeholder="e.g. 8.5" style="width:100%; padding:8px;">

      <label>Tenure (months)</label>
      <input type="number" id="tenure" placeholder="e.g. 60" style="width:100%; padding:8px;">

      <button onclick="calculateEMI()" style="margin-top:10px; width:100%; padding:10px; background:#0073aa; color:white;">Calculate EMI</button>

      <div id="result" style="margin-top:10px; background:#f1f1f1; padding:10px;"></div>
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode('emi_calculator', 'emi_calculator_shortcode');

// 2. Enqueue JavaScript file
function emi_calculator_enqueue_script() {
    // Only load on frontend
    if (!is_admin()) {
        wp_enqueue_script('emi-calculator-js', get_template_directory_uri() . '/js/emi-calculator.js', array(), null, true);
    }
}
add_action('wp_enqueue_scripts', 'emi_calculator_enqueue_script');