Server IP: 2a02:4780:11:1498:0:2cb5:2d8a:2<br>Client IP: 216.73.217.25<br>82.29.163.42Access Token Loaded Successfully: pI8aD*****
                 <ul class="nav-links">
                        <li><a href="index.html">Home-Chart</a></li>
                        <li><a href="check5.php">PE CE</a></li>
                        <li><a href="zerodha.php">News</a></li>
                        <li><a href="technical.php">Technical</a></li>
                  
                        <li><a href="manual1.php">Analyst View</a></li>
                        <li><a href="manual2.php">All Stock Info</a></li>
                        
                        <li><a href="stock_screener.php">Scan </a></li>
                        <li><a href="login.php">Login </a></li>
                        <li><a href="nifty.php">TSL </a></li>
                        <li><a href="auto.php">Auto </a></li>
                        
                        <li><a href="linkedin.php">Q & A</a></li>
                        <li><a href="fetch_data2.php">Mobile Data</a></li>
                        <li><a href="compare.html">Compare</a></li>
                        <li><a href="TrendX-Insight.html">Trend Insight</a></li>
                        <li><a href="log-review.html">Log Review</a></li>
                        <li><a href="pause_control.php">Manual Pause</a></li>
                    </ul>  ⏸ Trading is manually paused.❌⏸ 📈 Trending: last 20 prices range > 0.1% 0.17 | Max: 24191 | Min: 24149
⚠️ Weekly not found. Using MONTHLY expiry<br>New Expiry Date: 26 May 2026<br>CE: NIFTY26MAY24400CE<br>PE: NIFTY26MAY24000PE<br>CE Symbol: NIFTY26MAY24400CE
PE Symbol: NIFTY26MAY24000PE
🔁 Switched to NEXT month Micro Crude: CRUDEOILM26MAYFUT<br>🛢️ MICRO CRUDE (CRUDEOILM26MAYFUT) → LTP: 9967 | OI: 59879<br>⚙️ Trailing Stop-Loss (View Mode): 30Points<br>⚠ Skipping: NIFTY26MAY24300CE — already squared off<br><hr><table border='1' cellspacing='0' cellpadding='5'><tr><th>Symbol</th><th>Qty</th><th>Avg</th><th>High</th><th>TSL</th><th>LTP</th><th>P&L</th><th>Status</th></tr></table></table>➡️ Market is not sideways
|Gap Still Large: Waiting but can trade|📊 Current Positions => CE: 0 | PE: 0
<br>
<table border='1' cellpadding='4' cellspacing='0'
style='border-collapse:collapse;
       font-family:monospace;
       font-size:18px;
       width:420px;
       max-width:420px;
       background:#f9f9f9;'>

<tr style='background:#0b5ed7;color:#fff;'>
    <th colspan='2'>📊 LIVE STATUS</th>
</tr>

<tr><td><b>Trade Signal</b></td><td>NO_TRADE</td></tr>
<tr><td><b>Active </b></td><td>CE: 0 | PE: 0</td></tr>


    <tr>
        <td><b>Support Zone</b></td>
        <td style='background:#c6f6d5;font-weight:bold;'>24150 → 24189.32</td>
    </tr>

    <tr>
        <td><b>Resistance Zone</b></td>
        <td style=''>24230.6 → 24250</td>
    </tr>



<tr><td><b>Active Symbol</b></td><td>NA</td></tr>




<tr><td><b>Price</b></td><td>24163.6</td></tr>

<tr>
    <td style='color:red;font-weight:bold;'><b>EMA5</b></td>
    <td style='color:red;font-weight:bold;'>24169</td>
</tr>

<tr>
    <td style='color:red;font-weight:bold;'><b>EMA20</b></td>
    <td style='color:red;font-weight:bold;'>24181</td>
</tr>

<tr>
    <td style='color:red;font-weight:bold;'><b>EMA50</b></td>
    <td style='color:red;font-weight:bold;'>24223</td>
</tr>

<tr>
    <td style='color:green;font-weight:bold;'><b>Day Open</b></td>
    <td style='color:green;font-weight:bold;'>24096.9</td>
</tr>

<tr>
    <td style='color:green;font-weight:bold;'><b>Close</b></td>
    <td style='color:green;font-weight:bold;'>23995.7</td>
</tr>
<tr>
    <td><b>EMA Trend</b></td>
    <td>⚖ Mixed</td>
</tr>

<tr><td><b>Range Position</b></td><td>37.7%</td></tr>
<tr><td><b>Day Range</b></td><td>274.75 pts</td></tr>
<tr><td><b>EMA Separation</b></td><td>17.4 pts</td></tr>

<tr><td><b>Market State</b></td><td>📊 Trending</td></tr>

<tr><td><b>Position</b></td><td></td></tr>
<tr><td><b>Entry</b></td><td></td></tr>
<tr><td><b>Saved Price</b></td><td></td></tr>

<tr>
    <td><b>Saved Time</b></td>
    <td>NA</td>
</tr>

<tr><td><b>Data Timestamp</b></td><td>2026-04-29 20:18:34</td></tr>

</table><br>💡 Trade signal: NO_TRADE<br>⛔ NO_TRADE: Price in Support Zone
|| Support: 24150, Resistance: 24250, Price: <span style='background-color: darkgreen; color: white; font-weight: bold; padding: 2px 6px; border-radius: 4px;'>24163.6</span> ||<br>⚠ Invalid trade signal.🔍 Last Exit Time: 10:51:25
✅ No active cooling period. Trades can be placed.
<!DOCTYPE html>
    <html lang="en">
    
       <style>
        #iframeContainer {
            display: none; /* Hide iframe initially */
            margin-top: 10px;
            position: relative;
        }

        #loading {
            display: none; /* Hidden initially */
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(255, 255, 255, 0.8);
            padding: 10px;
            border-radius: 5px;
        }

        iframe {
            width: 100%;
            height: 500px;
            border: none;
        }

        /* Button styling */
        #toggleButton {
            background-color: blue;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
            font-size: 16px;
            border-radius: 5px;
            transition: background 0.3s ease-in-out;
        }

        /* Active (toggled) button */
        #toggleButton.active {
            background-color: red;
        }
        


    #gaugeContainer {
      position: relative;
      width: 300px;
      height: 180px;
    }
    #pcrGauge {
      width: 300px;
      height: 180px;
    }

  /* Table Cell Styling */
td {
    height: 50px; /* Adjust height as needed */
    position: relative; /* Allows absolute positioning inside */
    vertical-align: bottom; /* Ensures base sits at the bottom */
    text-align: center;
}

/* Traffic Light Container */
.traffic-light-container {
    position: absolute;
    bottom: 5px; /* Ensures it sticks to the bottom */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Black Box Container */
.traffic-light-box {
    width: 50px;
    padding: 15px;
    background-color: black;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

/* Traffic Light */
.traffic-light {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    box-shadow: none;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* Pole */
.pole {
    width: 10px;
    height: 200px;
    background-color: black;
}

/* Base */
.base {
    width: 70px;
    height: 15px;
    background-color: black;
    border-radius: 5px;
}

       .funds, .pnl {
            font-size: 24px;
            font-weight: bold;
            padding: 10px;
            border-radius: 5px;
            display: inline-block;
            margin: 10px;
        }
        .funds {
            color: blue;
        }
        .profit_pnl {
            color: white;
            background-color: green;
        }
        .loss_pnl {
            color: white;
            background-color: red;
        }
        .neutral_pnl {
            color: black;
            background-color: lightgray;
        }
        
    .flowchart {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }

    .row {
      display: flex;
      gap: 40px;
      justify-content: center;
    }

    .node {
      background: #fff;
      border: 2px solid #00796b;
      border-radius: 8px;
      padding: 20px 30px;
      text-align: center;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      width: 100px;
      position: relative;
    }

    .group {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;
      position: relative;
    }

    svg {
      overflow: visible;
    }
    
            /* Navigation links styling */
        .nav-links {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            list-style-type: none;
            padding: 30px;
            margin: 0;
        }

        .nav-links li {
            margin: 0 15px;
        }

        .nav-links a {
            color: #28a745; /* Modern green color */
            text-decoration: none;
            font-weight: 500;
            font-size: 1.1em;
            transition: color 0.3s ease;
        }

        /* Underline effect on hover */
        .nav-links a:hover {
            color: #218838; /* Darker green on hover */
            text-decoration: underline;
        }
        
        .indicator-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
}

.indicator-table th,
.indicator-table td {
    border: 1px solid #ddd;
    padding: 6px 10px;
    text-align: center;
}

.indicator-table th {
    background: #007bff;
    color: #fff;
}

.fib-618 { background: #d4edda; font-weight: bold; }
.fib-50  { background: #fff3cd; }
.fib-0   { background: #f8d7da; }
.fib-100 { background: #d1ecf1; }

.highlight {
    background: #000;
    color: #0f0;
    font-weight: bold;
}

    </style>
    <head>
        <meta charset="UTF-8">


        <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <script src="https://cdn.jsdelivr.net/npm/raphael@2.3.0/raphael.min.js"></script>
  <!-- Load JustGage (version 1.3.2) -->
  <script src="https://cdn.jsdelivr.net/npm/justgage@1.3.2/justgage.js"></script>
        <title>Data</title>
        <style>
            body { font-family: Arial, sans-serif; background: #f4f7f9; color: #333; text-align: center; padding: 20px; }
            h3 { color: #007bff; font-size: 24px; margin-bottom: 10px; }
            .container { max-width: 600px; margin: 20px auto; background: white; padding: 20px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; }
            
            .container2 {
    max-width: 220px;
    margin: 20px 0 20px 20px;
    background: white;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
}

            table { width: 100%; border-collapse: collapse; margin-top: 10px; }
            table, th, td { border: 1px solid #ddd; }
            th, td { padding: 10px; text-align: center; }
            th { background: #007bff; color: white; }
            tr:nth-child(even) { background: #f9f9f9; }
            
            .green {
    background-color: #28a745 !important;
    color: #fff;
    font-weight: bold;
}

.red {
    background-color: #dc3545 !important;
    color: #fff;
    font-weight: bold;
}

        </style>
    </head>
    <body>
    
         <div style="
    margin: 12px 0;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    background: #f5f5f5;
">
    🔴 STRONG BEARISH — EMA 5 below EMA 20 & EMA 50
</div> 

<div class="container2">


  <table>
  <tr style="background-color:#f8d7da;font-weight:bold;">
    <th>Price vs Fib Bias</th>
    <td>Bearish</td>
</tr>
<tr>
    <th>Market State</th>
    <td style="font-weight:bold;">Bearish Continuation</td>
</tr>

<tr>
    <th>Trend</th>
    <td>Downtrend</td>
</tr>

<tr><th>Nearest Fibonacci</th><td>Fib 38.2% @ 24192.41</td></tr>

  <tr><th>Last Price</th><td>24177.65</td></tr>
    <tr>
      <th>5 Ema</th>
      <td class="red">24169</td>
    </tr>
    <tr>
      <th>20 Ema</th>
      <td class="red">24181</td>
    </tr>
    <tr>
      <th>50 Ema</th>
      <td class="red">24223</td>
    </tr>

  </table>
</div>
      
            
        <div class="container">
            
      
          
            
            <h3>Account Information</h3>
            <table>
                <tr><th>User ID</th><td>ZT5913</td></tr>
                <tr><th>Name</th><td>Ranganatha Adderi Servesh</td></tr>
            </table>
    
    
    <table>       
<tr style="background-color:#e2f0ff;">
    <th>CE SL / Target</th>
    <td>SL: 24151.13 | Target: 24214.79</td>
</tr>

<tr style="background-color:#fdecea;">
    <th>PE SL / Target</th>
    <td>SL: 24204.18 | Target: 24140.52</td>
</tr>

</table>



<div style="margin-top:20px; padding:15px; border:1px solid #ccc; border-radius:8px;">
    <h3>Manual Trade</h3>

    <label><strong>Select Lots:</strong></label>
    <select id="lotSelect">
        <option value="1">1 Lot (65 Qty)</option>
        <option value="2">2 Lots (130 Qty)</option>
        <option value="3">3 Lots (195 Qty)</option>
        <option value="4">4 Lots (260 Qty)</option>
        <option value="5">5 Lots (325 Qty)</option>
    </select>

    <br><br>

    <button onclick=manualBuyCE() style="background:green;color:white;padding:10px 20px;border:none;border-radius:5px;">
        BUY CE
    </button>

    <button onclick=manualBuyPE() style="background:red;color:white;padding:10px 20px;border:none;border-radius:5px;margin-left:10px;">
        BUY PE
    </button>
</div>

<button onclick=manualExitCE() style="background:#444;color:white;padding:10px 20px;border:none;border-radius:5px;margin-top:10px;">
    EXIT ALL
</button>

<button onclick="manualStopLoss()"
    style="background:orange;color:black;padding:10px 20px;
    border:none;border-radius:5px;margin-top:10px;">
    SET STOPLOSS (-5)
</button>

<div style="margin-top:20px; padding:15px; border:1px solid #999; border-radius:8px;">
    <h3>Crude Micro Futures Trade 🛢️</h3>

    <label><strong>Select Quantity:</strong></label>
    <select id="crudeLotSelect">
        <option value="1">1 Qty</option>
        <option value="2">2 Qty</option>
        <option value="3">3 Qty</option>
        <option value="4">4 Qty</option>
        <option value="5">5 Qty</option>
    </select>

    <br><br>

    <button onclick="manualCrudeBuy()" 
        style="background:green;color:white;padding:10px 20px;border:none;border-radius:5px;">
        BUY CRUDE
    </button>

    <button onclick="manualCrudeExit()" 
        style="background:#444;color:white;padding:10px 20px;border:none;border-radius:5px;margin-left:10px;">
        EXIT CRUDE
    </button>
    
    <label for="crude_sl">Select SL Points:</label>

<select id="crude_sl">
    <option value="5">5</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
    <option value="50">50</option>
</select>

<button onclick="crudeSLExit()"
    style="background:red;color:white;padding:10px 20px;
    border:none;border-radius:5px;margin-top:10px;">
    CRUDE SL EXIT
</button>

</div>



<script>
function crudeSLExit() {
    var sl = document.getElementById("crude_sl").value;
    window.location.href = "?crude_sl_exit=1&sl=" + sl;
}
</script>


            <h3>Data</h3>
            <table>
                <tr><th>Last Price</th><td>24177.65</td>   <td rowspan="11">
                            <!-- Gauge Container -->
<div id="pcrGauge" style="width: 200px; height: 200px;"></div>

                    
                    
        </td></tr>
         <tr><th>Next Expiry (Tuesday)</th><td>26 May 2026</td></tr>
                <tr><th>PE Strike Price</th><td>24000</td></tr>
               
                <tr><th>CE Strike Price</th><td>24400</td></tr>
                 <tr style="background-color: yellow;"><th>Offset Strike </th><td >200</td></tr>
                <tr><th>Net Change</th><td>181.95</td></tr>
                <tr><th>Open</th><td>24096.9</td></tr>
                <tr><th>High</th><td>24334.7</td></tr>
                <tr><th>Low</th><td>24059.95</td></tr>
                <tr><th>Close</th><td>23995.7</td></tr>
                <tr><th>Timestamp</th><td>2026-04-29 20:18:34</td></tr>
               
                <tr><th>PE Price</th><td>332</td></tr>
                <tr><th>PE OI</th><td>3842605</td></tr>
                <tr><th>CE Price</th><td>349.65</td></tr>
                <tr><th>CE OI</th><td>505050</td></tr>
                <tr><th>5 Ema</th><td>24169</td></tr>
                <tr><th>20 Ema</th><td>24181</td></tr>
                <tr><th>50 Ema</th><td>24223</td></tr>
                <tr><th>100 Ema</th><td>24198</td></tr>
                <tr><th>RSI 21</th><td>34</td></tr>
                <tr><th>PCR OI</th><td>7.61</td></tr>
                <tr><th>ATR (14)</th><td>10.61</td></tr>
                


                <tr><th>Trade Signal</th><td>NO_TRADE</td><td > <!-- Centered Traffic Light System -->
                
                    
        
    
    
<div class="traffic-light-container">
    <div class="traffic-light-box">
        <div id="redLight" class="traffic-light"></div>
        <div id="yellowLight" class="traffic-light"></div>
        <div id="greenLight" class="traffic-light"></div>
    </div>
    <div class="pole"></div>
    <div class="base"></div>
</div>  </td>   </tr>
               


</table>

<table>

<tr><th>Nearest Fibonacci</th><td>Fib 38.2% @ 24192.41</td></tr>

<tr style="background-color:#f8d7da;font-weight:bold;">
    <th>Price vs Fib Bias</th>
    <td>Bearish</td>
</tr>


        <tr style="background-color:#f8d7da;">
            <th>Fib 0.0%</th>
            <td>24333.1</td>
        </tr>
        <tr>
            <th>Fib 23.6%</th>
            <td>24246.18</td>
        </tr>
        <tr style="background-color:#000;color:#0f0;font-weight:bold;">
            <th>Fib 38.2%</th>
            <td>24192.41</td>
        </tr>
        <tr style="background-color:#fff3cd;">
            <th>Fib 50.0%</th>
            <td>24148.95</td>
        </tr>
        <tr style="background-color:#d4edda;font-weight:bold;">
            <th>Fib 61.8%</th>
            <td>24105.49</td>
        </tr>
        <tr>
            <th>Fib 78.6%</th>
            <td>24043.62</td>
        </tr>
        <tr style="background-color:#d1ecf1;">
            <th>Fib 100.0%</th>
            <td>23964.8</td>
        </tr>



</table>

            
 
<!-- Input box with value from DB -->
<form action="saveOffset.php" method="POST">
    <label for="offset">Enter Offset Value:</label>
   <input type="number" id="offset" name="offset" value=200 required>

    <button type="submit">Save</button>
</form>

 


<label for="tsl">Select Trailing Stop Loss (%):</label>
<select id="tsl">
    <option value="5">5%</option>
    <option value="10">10%</option>
    <option value="15">15%</option>
    <option value="20">20%</option>
    <option value="25">25%</option>
    <option value="30">30%</option>
</select>


            
 

 
  







<script>
    // Load saved TSL value from localStorage
    document.addEventListener("DOMContentLoaded", function () {
        let savedTSL = localStorage.getItem("trailingStopLoss") || "5";
        document.getElementById("tsl").value = savedTSL;
    });

    // Save the selected TSL value
    document.getElementById("tsl").addEventListener("change", function () {
        let tslValue = this.value;
        localStorage.setItem("trailingStopLoss", tslValue);
        window.location.href = "?tsl=" + tslValue; // Reload with the selected TSL
    });
</script>

<script>
function manualBuyCE() {
    submitManualTrade(1);
}

function manualBuyPE() {
    submitManualTrade(2);
}

function submitManualTrade(type) {
    var lots = document.getElementById("lotSelect").value;
    var qty  = lots * 65;

    var url = location.pathname +
        "?manual_trade=1" +
        "&side=" + type +
        "&lots=" + lots +
        "&quantity=" + qty;

    location.href = url;
}
</script>

<script>
function manualExitCE() {
    submitManualExit(1);
}
function manualExitPE() {
    submitManualExit(2);
}
function submitManualExit(side) {
    var url = location.pathname +
        "?manual_exit=1" +
        "&side=" + side;
    location.href = url;
}
</script>


<script>
function manualStopLoss() {
    var url = location.pathname + "?manual_sl=1";
    location.href = url;
}
</script>

<script>
function manualCrudeBuy() {
    var qty = parseInt(document.getElementById("crudeLotSelect").value);

    var url = location.pathname +
        "?manual_crude=1" +
        "&lots=" + qty +       // optional (just pass same)
        "&quantity=" + qty;    // ✅ direct quantity

    location.href = url;
}

function manualCrudeExit() {
    var url = location.pathname + "?manual_crude_exit=1";
    location.href = url;
}
</script>



    </div>
    

    
        </div>
        
        
<body>






  

<script>
    // ✅ Get the trade signal from the table
    let tradeSignal = document.querySelector("table tr:nth-child(21) td:nth-child(2)").innerText.trim();

    // ✅ Get traffic light elements
    let redLight = document.getElementById("redLight");
    let yellowLight = document.getElementById("yellowLight");
    let greenLight = document.getElementById("greenLight");

    // ✅ Function to update the traffic light and arrow
    function updateTrafficLight(signal) {
        // Reset all lights to off
        redLight.style.backgroundColor = "#333";
        yellowLight.style.backgroundColor = "#333";
        greenLight.style.backgroundColor = "#333";

        // Remove any existing arrows
        redLight.innerText = "";
        yellowLight.innerText = "";
        greenLight.innerText = "";

        let arrow = "";
        if (signal.includes("CE")) {
            arrow = "↑"; // Up arrow for CE
        } else if (signal.includes("PE")) {
            arrow = "↓"; // Down arrow for PE
        }

        // Activate the correct light and set arrow
        if (signal.includes("BUY")) {
            greenLight.style.backgroundColor = "#00ff00"; // 🟢 Buy
            greenLight.innerText = arrow;
        } else if (signal.includes("EXIT")) {
            redLight.style.backgroundColor = "#ff0000"; // 🔴 Sell
            redLight.innerText = arrow;
        } else {
            yellowLight.style.backgroundColor = "#ffcc00"; // 🟡 No Trade
            yellowLight.innerText = arrow;
        }
    }

    // ✅ Call function with current trade signal
    updateTrafficLight(tradeSignal);
</script>

<?php if ($allow_refresh) : ?>
    <div id="countdown">Next Refresh: 1:00 (MM:SS)</div>

    <script>
        var refreshTime = 60; // 5 minutes countdown
        var lastUpdateTime = Date.now();

        function updateCountdown() {
            var now = Date.now();
            var elapsed = Math.floor((now - lastUpdateTime) / 1000);
            refreshTime = Math.max(0, refreshTime - elapsed);
            
            var minutes = Math.floor(refreshTime / 60);
            var seconds = refreshTime % 60;
            document.getElementById("countdown").innerHTML = "Next Refresh: " + minutes + ":" + (seconds < 10 ? "0" : "") + seconds;

            lastUpdateTime = now;
        }

        document.addEventListener("visibilitychange", function() {
            if (!document.hidden) {
                updateCountdown();
            }
        });

        updateCountdown();
        var countdownInterval = setInterval(updateCountdown, 1000);

        // Auto refresh the page every 5 minutes
        setInterval(function() {
            location.reload();
        }, 60000);
    </script>
<?php endif; ?>

    
<button id="toggleButton" onclick="toggleIframe()">Toggle WebView</button>

    <div id="iframeContainer">
        <div id="loading">Loading...</div> <!-- Loading animation -->
        <iframe id="myIframe" onload="hideLoading()"></iframe>
    </div>

    <script>
        function toggleIframe() {
            let iframeContainer = document.getElementById("iframeContainer");
            let iframe = document.getElementById("myIframe");
            let loading = document.getElementById("loading");
            let button = document.getElementById("toggleButton");

            if (iframeContainer.style.display === "none") {
                // Show iframe, show loading, change button color
                iframeContainer.style.display = "block";
                loading.style.display = "block"; // Show loading animation
                iframe.src = "zerodha.php"; // Refresh iframe
                button.classList.add("active"); // Change button to red
            } else {
                // Hide iframe, reset button color
                iframeContainer.style.display = "none";
                button.classList.remove("active"); // Change button back to blue
            }
        }

        function hideLoading() {
            document.getElementById("loading").style.display = "none"; // Hide loading when iframe loads
        }
        
function saveOffset() {
    let offset = document.getElementById("strikeOffset").value;

    fetch("saveOffset.php", {
        method: "POST",
        headers: { "Content-Type": "application/x-www-form-urlencoded" },
        body: "offset=" + offset
    }).then(response => response.text())
      .then(data => console.log(data))
      .catch(error => console.error("Error:", error));
}

    </script>

</body>

<body>
    


<script>
    document.addEventListener("DOMContentLoaded", function () {
        // Get PCR value from your table element (adjust the selector as needed)
        let pcrText = document.querySelector("table tr:nth-child(20) td:nth-child(2)").innerText.trim();
        let pcrValue = parseFloat(pcrText);
        console.log("PCR Value:", pcrValue);

        if (!isNaN(pcrValue) && pcrValue > 0) {
            new JustGage({
                id: "pcrGauge",
                value: pcrValue,
                min: 0,
                max: 2,
                decimals: 2,
                gaugeWidthScale: 0.6,
                label: "PCR OI",
                levelColors: ["#00ff00", "#ffa500", "#ff0000"],
                customSectors: [
                    { color: "#00ff00", lo: 0, hi: 0.8 },   // Bullish
                    { color: "#ffa500", lo: 0.8, hi: 1.2 }, // Neutral
                    { color: "#ff0000", lo: 1.2, hi: 2 }    // Bearish
                ]
            });
        } else {
            document.getElementById("pcrGauge").innerHTML = "<b>Error: Invalid PCR Data</b>";
        }
    });
</script>







    
</body>




    
    </html><table border="1" cellspacing="0" cellpadding="8" style="width: 400px; text-align: left;"><tr><th>Option Premium Utilized</th><td style="color: red;">- ₹-13,526.50</td></tr><tr><th>Unrealized P&L (Live Balance)</th><td style="color: green;">₹66,051.40</td></tr><tr><th>Total Available Margin</th><td><strong>₹79,577.90</strong></td></tr><tr><th>Profit</th><td style="color: green;">₹13,526.50</td></tr></table>Market is open. Running script...
<table border='1' cellpadding='6' cellspacing='0'
style='border-collapse:collapse;
       font-family:monospace;
       font-size:17px;
       width:900px;
       max-width:95%;
       background:#fcfcfc;'>

<tr style='background:#198754;color:#fff;'>
    <th colspan='2'>📐 STRATEGY FORMULA REFERENCE</th>
</tr>

<tr>
    <td style='width:220px;'><b>EMA Trend</b></td>
    <td>
TREND MODE:
ema_bullish OR ema_bearish

RANGE MODE:
NOT ema_bullish AND NOT ema_bearish
</td>
</tr>

<tr>
    <td><b>Range Position</b></td>
    <td>
isAtSupport     = price near range low
isAtResistance  = price near range high
</td>
</tr>

<tr>
    <td><b>Day Range Filter</b></td>
    <td>
Used to validate whether price is within day range.
Prevents trades when price is outside expected intraday movement.
</td>
</tr>

<tr>
    <td><b>EMA Separation</b></td>
    <td>
EMA separation used to confirm strength of trend
(EMA_fast vs EMA_slow distance)
</td>
</tr>

<tr style='background:#eef7ff;'>
    <td><b>📈 CE BUY RULE</b></td>
    <td style='white-space:pre-line;'>
TREND MODE AND
ema_bullish = TRUE AND
isAtResistance = FALSE

→ SIGNAL: CE_BUY
</td>
</tr>

<tr style='background:#fff5f5;'>
    <td><b>📉 PE BUY RULE</b></td>
    <td style='white-space:pre-line;'>
TREND MODE AND
ema_bearish = TRUE AND
isAtSupport = FALSE

→ SIGNAL: PE_BUY
</td>
</tr>

<tr style='background:#f4f4f4;'>
    <td><b>🛑 EXIT RULE</b></td>
    <td style='white-space:pre-line;'>
CE EXIT:
ema_bullish_exit = TRUE
AND isAtResistance = TRUE

PE EXIT:
ema_bearish_exit = TRUE
AND isAtSupport = TRUE
</td>
</tr>

</table><br>