.. عنوان: آپٹیکل لنک بجٹ کیلکولیٹر
.. سلگ: آپٹیکل-لنک-بجٹ-کیلکولیٹر
.. تاریخ: 2026-01-10 14:00:00 UTC
.. ٹیگز: نیٹ ورکنگ، فائبر آپٹک، کیلکولیٹر، ٹول، آپٹیکل، ایتھرنیٹ
.. زمرہ: کیلکولیٹر
.. لنک:
.. تفصیل: فائبر آپٹک کی تعیناتیوں کے لیے آپٹیکل لنک بجٹ کا حساب لگائیں۔ اس بات کا تعین کریں کہ آیا آپ کا فائبر لنک مخصوص SFP ماڈیولز کے ساتھ بجلی کے بجٹ، توجہ، اور کنیکٹر کے نقصانات کا تجزیہ کرکے کام کرے گا۔
.. قسم: متن
<style>
    .calc-container {
        max-width: 1000px;
        margin: 20px auto;
        padding: 20px;
    }

    .calc-header {
        margin-bottom: 30px;
        padding: 25px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 12px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        color: white;
    }

    .calc-header h2 {
        margin-top: 0;
        color: white;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .calc-header p {
        margin: 10px 0;
        opacity: 0.95;
        font-size: 15px;
    }

    .input-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .input-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .input-group.full-width {
        grid-column: 1 / -1;
    }

    .input-group label {
        font-weight: bold;
        font-size: 14px;
        color: rgba(255,255,255,0.95);
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .info-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: rgba(255,255,255,0.3);
        border-radius: 50%;
        text-align: center;
        line-height: 16px;
        font-size: 12px;
        cursor: help;
        font-style: normal;
    }

    .input-row {
        display: flex;
        gap: 10px;
    }

    .input-group input,
    .input-group select {
        padding: 12px;
        font-size: 16px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        background: rgba(255,255,255,0.95);
        transition: all 0.3s ease;
        font-family: 'Courier New', monospace;
    }

    .input-group input {
        flex: 1;
    }

    .input-group select {
        min-width: 120px;
    }

    .input-group input:focus,
    .input-group select:focus {
        outline: none;
        border-color: #4CAF50;
        background: white;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

    .advanced-toggle {
        margin-top: 15px;
        padding: 10px;
        background: rgba(0,0,0,0.1);
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: all 0.3s ease;
    }

    .advanced-toggle:hover {
        background: rgba(0,0,0,0.15);
    }

    .advanced-toggle input[type="checkbox"] {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .advanced-toggle label {
        margin: 0;
        cursor: pointer;
        user-select: none;
        font-weight: normal;
    }

    .advanced-options {
        margin-top: 15px;
        padding: 20px;
        background: rgba(0,0,0,0.1);
        border-radius: 6px;
        display: none;
    }

    .advanced-options.show {
        display: block;
    }

    .calc-button {
        margin-top: 20px;
        padding: 14px 35px;
        font-size: 16px;
        background: #4CAF50;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        width: 100%;
    }

    .calc-button:hover {
        background: #45a049;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

    .calc-button:active {
        background: #3d8b40;
        transform: translateY(0);
    }

    .result-section {
        background: white;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-top: 30px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        display: none;
    }

    .result-section.show {
        display: block;
    }

    .section-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-header.fail {
        background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    }

    .section-header.warning {
        background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
        color: #333;
    }

    .result-badge {
        padding: 8px 16px;
        background: rgba(255,255,255,0.2);
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .section-content {
        padding: 20px;
        background: #fafafa;
    }

    .summary-box {
        background: white;
        border: 2px solid #4CAF50;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .summary-box.fail {
        border-color: #dc3545;
    }

    .summary-box.warning {
        border-color: #ffc107;
    }

    .link-margin {
        font-size: 48px;
        font-weight: bold;
        color: #4CAF50;
        margin: 10px 0;
        font-family: 'Courier New', monospace;
    }

    .link-margin.fail {
        color: #dc3545;
    }

    .link-margin.warning {
        color: #ff9800;
    }

    .margin-label {
        font-size: 14px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .data-row {
        display: flex;
        margin: 12px 0;
        padding: 10px;
        background: white;
        border-radius: 4px;
        border-left: 3px solid #4CAF50;
    }

    .data-label {
        font-weight: bold;
        color: #555;
        min-width: 220px;
        flex-shrink: 0;
    }

    .data-value {
        color: #333;
        font-family: 'Courier New', monospace;
        word-break: break-word;
    }

    .data-value.highlight {
        color: #4CAF50;
        font-weight: bold;
        font-size: 18px;
    }

    .breakdown-table {
        width: 100%;
        margin-top: 20px;
        border-collapse: collapse;
        background: white;
        border-radius: 8px;
        overflow: hidden;
    }

    .breakdown-table th {
        background: #f5f5f5;
        padding: 12px;
        text-align: left;
        font-weight: bold;
        color: #555;
        border-bottom: 2px solid #e0e0e0;
    }

    .breakdown-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #f0f0f0;
        font-family: 'Courier New', monospace;
    }

    .breakdown-table tr:last-child td {
        border-bottom: none;
    }

    .breakdown-table .total-row {
        background: #f9f9f9;
        font-weight: bold;
    }

    .warning-message {
        background: #fff3cd;
        border-left: 4px solid #ffc107;
        padding: 15px;
        margin: 15px 0;
        border-radius: 4px;
        color: #856404;
    }

    .warning-message strong {
        color: #ff9800;
    }

    .copy-button {
        padding: 8px 16px;
        font-size: 14px;
        background: #007bff;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .copy-button:hover {
        background: #0056b3;
    }

    .copy-button.copied {
        background: #28a745;
    }

    .info-box {
        margin-top: 30px;
        padding: 20px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        border-top: 3px solid #4CAF50;
    }

    .info-box h3 {
        margin-top: 0;
        color: #4CAF50;
        font-size: 20px;
    }

    .info-box h4 {
        color: #666;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .info-box p, .info-box li {
        line-height: 1.6;
        color: #555;
        margin: 10px 0;
    }

    .info-box ol, .info-box ul {
        margin-left: 20px;
    }

    .info-box code {
        background: #f5f5f5;
        padding: 2px 6px;
        border-radius: 3px;
        font-family: 'Courier New', monospace;
        color: #d63384;
    }

    /* Responsive design */
    @media (max-width: 768px) {
        .input-grid {
            grid-template-columns: 1fr;
        }

        .input-row {
            flex-direction: column;
        }

        .input-group select {
            width: 100%;
        }

        .data-row {
            flex-direction: column;
        }

        .data-label {
            margin-bottom: 5px;
            min-width: auto;
        }

        .link-margin {
            font-size: 36px;
        }
    }
</style>
<div class="calc-container">
<div class="calc-header">
<h2>آپٹیکل لنک بجٹ کیلکولیٹر</h2>
<p>بجلی کے بجٹ، توجہ کے نقصانات، اور لنک مارجن کا حساب لگا کر فائبر آپٹک لنکس کی منصوبہ بندی اور تصدیق کریں۔ اس بات کا تعین کریں کہ آیا آپ کی فائبر کی تعیناتی مخصوص SFP/SFP+ ماڈیولز کے لیے وصول کنندہ کی حساسیت کے کم از کم تقاضوں کو پورا کرے گی۔</p>
<div class="input-grid">
<div class="input-group">
<label for="sfpModule">SFP/SFP+ ماڈیول کی قسم:<i class="info-icon" title="Select the transceiver module you plan to use">?</i>
</label>
<select id="sfpModule" onchange="onSfpChange()">
<option value="">-- ماڈیول منتخب کریں --</option>
<optgroup label="1 Gigabit Ethernet">
<option value="1000BASE-SX">1000BASE-SX (MMF, 850nm, 550m)</option>
<option value="1000BASE-LX">1000BASE-LX (SMF/MMF, 1310nm, 10km)</option>
<option value="1000BASE-ZX">1000BASE-ZX (SMF, 1550nm, 80km)</option>
</optgroup>
<optgroup label="10 Gigabit Ethernet">
<option value="10GBASE-SR">10GBASE-SR (MMF, 850nm, 300m)</option>
<option value="10GBASE-LR">10GBASE-LR (SMF, 1310nm, 10km)</option>
<option value="10GBASE-ER">10GBASE-ER (SMF, 1550nm, 40km)</option>
<option value="10GBASE-ZR">10GBASE-ZR (SMF, 1550nm, 80km)</option>
</optgroup>
<optgroup label="25 Gigabit Ethernet">
<option value="25GBASE-SR">25GBASE-SR (MMF, 850nm, 100m)</option>
<option value="25GBASE-LR">25GBASE-LR (SMF, 1310nm, 10km)</option>
</optgroup>
<optgroup label="40 Gigabit Ethernet">
<option value="40GBASE-SR4">40GBASE-SR4 (MMF, 850nm, 100m)</option>
</optgroup>
<optgroup label="100 Gigabit Ethernet">
<option value="100GBASE-SR4">100GBASE-SR4 (MMF, 850nm, 100m)</option>
</optgroup>
</select>
</div>
<div class="input-group">
<label for="fiberType">فائبر کی قسم:<i class="info-icon" title="Fiber cable type - automatically filtered based on SFP selection">?</i>
</label>
<select id="fiberType" onchange="onFiberChange()">
<option value="">-- فائبر منتخب کریں --</option>
<optgroup label="Single-Mode Fiber">
<option value="OS2">OS2 (سنگل موڈ، 9/125µm)</option>
</optgroup>
<optgroup label="Multi-Mode Fiber">
<option value="OM3">OM3 (ملٹی موڈ، 50/125µm)</option>
<option value="OM4">OM4 (ملٹی موڈ، 50/125µm)</option>
<option value="OM5">OM5 (ملٹی موڈ، 50/125µm)</option>
</optgroup>
</select>
</div>
<div class="input-group">
<label for="distance">لنک فاصلہ:<i class="info-icon" title="Total fiber length between transceivers">?</i>
</label>
<div class="input-row">
<input id="distance" min="0" placeholder="Enter distance" step="0.001" type="number" value="5"/>
<select id="distanceUnit">
<option value="km">کلومیٹر</option>
<option value="m">میٹر</option>
<option value="ft">پاؤں</option>
</select>
</div>
</div>
<div class="input-group">
<label for="connectorPairs">کنیکٹر جوڑے (پیچز):<i class="info-icon" title="Number of mated connector pairs (typically 2-6)">?</i>
</label>
<input id="connectorPairs" max="20" min="0" placeholder="Number of connectors" type="number" value="4"/>
</div>
</div>
<div class="advanced-toggle">
<input id="showAdvanced" onchange="toggleAdvancedOptions()" type="checkbox"/>
<label for="showAdvanced">اعلی درجے کے اختیارات دکھائیں (سپلیس، حسب ضرورت مارجن)</label>
</div>
<div class="advanced-options" id="advancedOptions">
<div class="input-grid">
<div class="input-group">
<label for="fusionSplices">فیوژن سپلائسز:</label>
<input id="fusionSplices" max="50" min="0" placeholder="Number of fusion splices" type="number" value="0"/>
</div>
<div class="input-group">
<label for="mechanicalSplices">مکینیکل سپلائیز:</label>
<input id="mechanicalSplices" max="50" min="0" placeholder="Number of mechanical splices" type="number" value="0"/>
</div>
<div class="input-group">
<label for="connectorLoss">کنیکٹر کا نقصان (dB/جوڑا):<i class="info-icon" title="Typical: 0.5-0.75 dB per mated pair">?</i>
</label>
<input id="connectorLoss" max="3" min="0" placeholder="dB per pair" step="0.05" type="number" value="0.75"/>
</div>
<div class="input-group">
<label for="safetyMargin">سیفٹی مارجن (dB):<i class="info-icon" title="Accounts for aging, temperature, dirty connectors. Typical: 3 dB">?</i>
</label>
<input id="safetyMargin" max="10" min="0" placeholder="Safety margin" step="0.5" type="number" value="3"/>
</div>
</div>
</div>
<button class="calc-button" onclick="calculateLinkBudget()">لنک بجٹ کا حساب لگائیں۔</button>
</div>
<div class="result-section" id="results">
<div class="section-header" id="resultHeader">
<span>حساب کے نتائج</span>
<span class="result-badge" id="resultBadge">پاس</span>
</div>
<div class="section-content">
<div class="summary-box" id="summaryBox">
<div class="margin-label">لنک مارجن</div>
<div class="link-margin" id="linkMarginDisplay">+5.2 ڈی بی</div>
<div id="resultMessage" style="font-size: 16px; color: #666; margin-top: 10px;">لنک کے پاس کافی پاور بجٹ ہے۔</div>
</div>
<div id="warningContainer"></div>
<h4 style="color: #555; margin-top: 20px;">پاور بجٹ کا خلاصہ</h4>
<div class="data-row">
<div class="data-label">ٹرانسمٹ پاور (Tx):</div>
<div class="data-value" id="txPower">-</div>
</div>
<div class="data-row">
<div class="data-label">وصول کنندہ کی حساسیت (Rx):</div>
<div class="data-value" id="rxSensitivity">-</div>
</div>
<div class="data-row">
<div class="data-label">دستیاب لنک بجٹ:</div>
<div class="data-value highlight" id="linkBudget">-</div>
</div>
<h4 style="color: #555; margin-top: 25px;">نقصان کی خرابی</h4>
<table class="breakdown-table">
<thead>
<tr>
<th>نقصان کا جزو</th>
<th style="text-align: right;">قدر</th>
<th style="text-align: right;">نقصان (dB)</th>
</tr>
</thead>
<tbody id="lossBreakdown">
جاوا اسکرپٹ کے ذریعہ آباد کردہ
</tbody>
</table>
<div style="margin-top: 20px; text-align: center;">
<button class="copy-button" onclick="copyResults()">نتائج کو کلپ بورڈ پر کاپی کریں۔</button>
</div>
</div>
</div>
<div class="info-box">
<h3>آپٹیکل لنک بجٹ کے حساب کتاب کے بارے میں</h3>
<p>
<strong>لنک بجٹ کیا ہے؟</strong>لنک بجٹ فائبر آپٹک ٹرانسمیشن سسٹم میں تمام فوائد اور نقصانات کا حساب کتاب ہے۔ یہ تعین کرتا ہے کہ آیا ڈیٹیکٹر پر موصول ہونے والی آپٹیکل پاور قابل اعتماد ڈیٹا کی ترسیل کے لیے کافی ہے۔</p>
<h4>بنیادی فارمولا:</h4>
<p><code>Link Margin = Link Budget - Total Loss - Safety Margin</code></p>
<p>کہاں:</p>
<ul>
<li><strong>لنک بجٹ</strong>= ٹرانسمٹ پاور (dBm) - وصول کنندہ حساسیت (dBm)</li>
<li><strong>کل نقصان</strong>= فائبر اٹینیویشن + کنیکٹر کا نقصان + اسپلائس نقصان</li>
<li><strong>لنک مارجن</strong>= باقی بجلی کا بجٹ (قابل عمل لنک کے لیے مثبت ہونا چاہیے)</li>
</ul>
<h4>فائبر کشیدہ اقدار:</h4>
<ul>
<li><strong>OS2 (سنگل موڈ)</strong>: 0.4 dB/km @ 1310nm، 0.25 dB/km @ 1550nm</li>
<li><strong>OM3 (ملٹی موڈ)</strong>: 3.0 dB/km @ 850nm، 1.0 dB/km @ 1300nm</li>
<li><strong>OM4 (ملٹی موڈ)</strong>: 3.0 dB/km @ 850nm، 1.0 dB/km @ 1300nm (بہتر بینڈوتھ)</li>
<li><strong>OM5 (ملٹی موڈ)</strong>: 3.0 dB/km @ 850nm (SWDM کے لیے موزوں)</li>
</ul>
<h4>عام نقصان کی قدریں:</h4>
<ul>
<li><strong>کنیکٹر جوڑے</strong>: 0.5-0.75 dB فی میٹڈ جوڑا (SC، LC، وغیرہ)</li>
<li><strong>فیوژن سپلائسز</strong>: 0.1 ڈی بی ہر ایک (بہت کم نقصان)</li>
<li><strong>مکینیکل سپلائسز</strong>: 0.3-0.5 dB ہر ایک (فیوژن سے زیادہ)</li>
</ul>
<h4>حفاظتی مارجن کیوں اہمیت رکھتا ہے:</h4>
<p>ایک 3 dB حفاظتی مارجن کا حساب ہے:</p>
<ul>
<li>اجزاء کی عمر بڑھنے اور وقت کے ساتھ انحطاط</li>
<li>لیزر آؤٹ پٹ کو متاثر کرنے والے درجہ حرارت کے تغیرات</li>
<li>گندے یا آلودہ کنیکٹر</li>
<li>فائبر موڑنے یا تناؤ کی وجہ سے ہونے والے نقصانات</li>
<li>مینوفیکچرنگ رواداری اور پیمائش کی غیر یقینی صورتحال</li>
</ul>
<h4>نتائج کو سمجھنا:</h4>
<ul>
<li><strong>پاس (سبز)</strong>: لنک مارجن ≥ 0 dB۔ لنک کو قابل اعتماد طریقے سے کام کرنا چاہئے۔</li>
<li><strong>وارننگ (پیلا)</strong>: لنک مارجن 0 سے -1 ڈی بی۔ کام کر سکتا ہے لیکن خطرناک۔ کنیکٹر صاف کریں اور دوبارہ ٹیسٹ کریں۔</li>
<li><strong>فیل (سرخ)</strong>: لنک مارجن &lt; -1 ڈی بی۔ ممکنہ طور پر لنک قائم نہیں ہوگا یا اس میں غلطیاں ہوں گی۔ مختلف SFP، کم فاصلہ، یا بہتر فائبر کی ضرورت ہے۔</li>
</ul>
<h4>فاصلے کی حدیں:</h4>
<p>پاور بجٹ کے علاوہ، فائبر لنکس بھی محدود ہیں:</p>
<ul>
<li><strong>رنگین بازی</strong>: زیادہ رفتار پر سنگل موڈ لنکس کو محدود کرتا ہے۔</li>
<li><strong>موڈل بازی</strong>: بینڈوتھ (MHz·km) کی بنیاد پر ملٹی موڈ لنکس کو محدود کرتا ہے</li>
<li><strong>IEEE معیارات</strong>: ہر ٹرانسیور کی قسم کے لیے زیادہ سے زیادہ فاصلے متعین کریں۔</li>
</ul>
<h4>بہترین طرز عمل:</h4>
<ul>
<li>جانچ یا تعیناتی سے پہلے کنیکٹر کو ہمیشہ صاف کریں۔</li>
<li>مناسب موڑ کا رداس استعمال کریں (عام طور پر 10x کیبل قطر)</li>
<li>تصدیق کریں کہ فائبر کی قسم SFP ماڈیول کی ضروریات سے میل کھاتی ہے۔</li>
<li>بیس لائن ریفرنس کے لیے دستاویز کی طاقت کی پیمائش</li>
<li>بہت سے حصوں کے ساتھ طویل یا پیچیدہ لنکس کے لیے OTDR استعمال کریں۔</li>
<li>ماحولیاتی حالات پر غور کریں (درجہ حرارت، نمی)</li>
</ul>
<h4>معیار کے حوالہ جات:</h4>
<ul>
<li><strong>IEEE 802.3</strong>: فائبر آپٹکس کے لیے ایتھرنیٹ کے معیارات</li>
<li><strong>TIA-568</strong>: کمرشل عمارت کیبلنگ کا معیار</li>
<li><strong>ITU-T G.652</strong>: سنگل موڈ فائبر وضاحتیں (OS2)</li>
<li><strong>آئی ای سی 60793</strong>: آپٹیکل فائبر کی وضاحتیں</li>
</ul>
<h4>زیادہ نقصان کا ازالہ:</h4>
<p>اگر آپ کا لنک بجٹ کے حساب کتاب میں ناکام ہوجاتا ہے:</p>
<ol>
<li>تمام کنیکٹرز کو فائبر صاف کرنے کے مناسب ٹولز سے اچھی طرح صاف کریں۔</li>
<li>خروںچ یا نقصان کے لیے کنیکٹر کا معائنہ کریں (فائبر مائکروسکوپ استعمال کریں)</li>
<li>تصدیق کریں کہ فائبر کی صحیح قسم استعمال کی جا رہی ہے۔</li>
<li>فائبر کیبل میں تیز موڑ یا کنکس چیک کریں۔</li>
<li>خراب جمپروں کو الگ کرنے کے لیے انفرادی پیچ کی ہڈیوں کی جانچ کریں۔</li>
<li>زیادہ پاور SFP یا زیادہ حساس ریسیور استعمال کرنے پر غور کریں۔</li>
<li>اگر ممکن ہو تو کنکشن پوائنٹس کی تعداد کم کریں۔</li>
</ol>
</div>
</div>
<script>
// SFP Module Database with IEEE 802.3 specifications
const SFP_MODULES = {
    "1000BASE-SX": {
        name: "1000BASE-SX",
        speed: "1 Gbps",
        txPowerMin: -9.5,
        txPowerMax: -3.0,
        rxSensitivity: -17.0,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 550, "OM4": 550, "OM5": 550 }, // meters
        description: "Short-reach multimode"
    },
    "1000BASE-LX": {
        name: "1000BASE-LX",
        speed: "1 Gbps",
        txPowerMin: -9.5,
        txPowerMax: -3.0,
        rxSensitivity: -19.0,
        wavelength: 1310,
        fiberTypes: ["OS2", "OM3", "OM4"],
        maxDistance: { "OS2": 10000, "OM3": 550, "OM4": 550 }, // meters
        description: "Long-reach single/multimode"
    },
    "1000BASE-ZX": {
        name: "1000BASE-ZX",
        speed: "1 Gbps",
        txPowerMin: -2.0,
        txPowerMax: 3.0,
        rxSensitivity: -23.0,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 80000 }, // meters
        description: "Extended-reach single-mode"
    },
    "10GBASE-SR": {
        name: "10GBASE-SR",
        speed: "10 Gbps",
        txPowerMin: -7.3,
        txPowerMax: -1.0,
        rxSensitivity: -11.1,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 300, "OM4": 400, "OM5": 400 }, // meters
        description: "Short-reach multimode"
    },
    "10GBASE-LR": {
        name: "10GBASE-LR",
        speed: "10 Gbps",
        txPowerMin: -8.2,
        txPowerMax: 0.5,
        rxSensitivity: -14.4,
        wavelength: 1310,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 10000 }, // meters
        description: "Long-reach single-mode"
    },
    "10GBASE-ER": {
        name: "10GBASE-ER",
        speed: "10 Gbps",
        txPowerMin: -4.7,
        txPowerMax: 4.0,
        rxSensitivity: -15.8,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 40000 }, // meters
        description: "Extended-reach single-mode"
    },
    "10GBASE-ZR": {
        name: "10GBASE-ZR",
        speed: "10 Gbps",
        txPowerMin: 0.0,
        txPowerMax: 4.0,
        rxSensitivity: -24.0,
        wavelength: 1550,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 80000 }, // meters
        description: "Extended-reach single-mode"
    },
    "25GBASE-SR": {
        name: "25GBASE-SR",
        speed: "25 Gbps",
        txPowerMin: -6.0,
        txPowerMax: 2.4,
        rxSensitivity: -10.0,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 70, "OM4": 100, "OM5": 100 }, // meters
        description: "Short-reach multimode"
    },
    "25GBASE-LR": {
        name: "25GBASE-LR",
        speed: "25 Gbps",
        txPowerMin: -6.5,
        txPowerMax: 2.4,
        rxSensitivity: -13.0,
        wavelength: 1310,
        fiberTypes: ["OS2"],
        maxDistance: { "OS2": 10000 }, // meters
        description: "Long-reach single-mode"
    },
    "40GBASE-SR4": {
        name: "40GBASE-SR4",
        speed: "40 Gbps",
        txPowerMin: -7.6,
        txPowerMax: 2.4,
        rxSensitivity: -9.9,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 100, "OM4": 150, "OM5": 150 }, // meters
        description: "Short-reach multimode (4 lanes)"
    },
    "100GBASE-SR4": {
        name: "100GBASE-SR4",
        speed: "100 Gbps",
        txPowerMin: -7.6,
        txPowerMax: 2.4,
        rxSensitivity: -9.9,
        wavelength: 850,
        fiberTypes: ["OM3", "OM4", "OM5"],
        maxDistance: { "OM3": 70, "OM4": 100, "OM5": 150 }, // meters
        description: "Short-reach multimode (4 lanes)"
    }
};

// Fiber specifications
const FIBER_TYPES = {
    "OS2": {
        name: "OS2 (Single-mode)",
        attenuation: {
            850: 999,    // Not used at this wavelength
            1310: 0.4,   // dB/km
            1550: 0.25   // dB/km
        },
        type: "SMF"
    },
    "OM3": {
        name: "OM3 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    },
    "OM4": {
        name: "OM4 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    },
    "OM5": {
        name: "OM5 (Multi-mode)",
        attenuation: {
            850: 3.0,    // dB/km
            1310: 1.0    // dB/km
        },
        type: "MMF"
    }
};

// Event handlers for smart filtering
function onSfpChange() {
    const sfpSelect = document.getElementById('sfpModule');
    const fiberSelect = document.getElementById('fiberType');
    const selectedSfp = sfpSelect.value;

    if (!selectedSfp) return;

    const sfpData = SFP_MODULES[selectedSfp];
    const compatibleFibers = sfpData.fiberTypes;

    // Filter fiber options
    Array.from(fiberSelect.options).forEach(option => {
        if (option.value === "") {
            option.style.display = 'block';
            return;
        }

        if (compatibleFibers.includes(option.value)) {
            option.style.display = 'block';
        } else {
            option.style.display = 'none';
            if (option.selected) {
                fiberSelect.value = "";
            }
        }
    });

    // Auto-select first compatible fiber if none selected
    if (!fiberSelect.value && compatibleFibers.length > 0) {
        fiberSelect.value = compatibleFibers[0];
    }
}

function onFiberChange() {
    const sfpSelect = document.getElementById('sfpModule');
    const fiberSelect = document.getElementById('fiberType');
    const selectedFiber = fiberSelect.value;

    if (!selectedFiber) return;

    // Filter SFP options based on fiber compatibility
    Array.from(sfpSelect.querySelectorAll('option')).forEach(option => {
        if (option.value === "") {
            option.style.display = 'block';
            return;
        }

        const sfpData = SFP_MODULES[option.value];
        if (sfpData && sfpData.fiberTypes.includes(selectedFiber)) {
            option.style.display = 'block';
        } else {
            option.style.display = 'none';
            if (option.selected) {
                sfpSelect.value = "";
            }
        }
    });
}

function toggleAdvancedOptions() {
    const checkbox = document.getElementById('showAdvanced');
    const advancedDiv = document.getElementById('advancedOptions');

    if (checkbox.checked) {
        advancedDiv.classList.add('show');
    } else {
        advancedDiv.classList.remove('show');
    }
}

function calculateLinkBudget() {
    // Get inputs
    const sfpModule = document.getElementById('sfpModule').value;
    const fiberType = document.getElementById('fiberType').value;
    const distance = parseFloat(document.getElementById('distance').value);
    const distanceUnit = document.getElementById('distanceUnit').value;
    const connectorPairs = parseInt(document.getElementById('connectorPairs').value) || 0;

    // Advanced options
    const fusionSplices = parseInt(document.getElementById('fusionSplices').value) || 0;
    const mechanicalSplices = parseInt(document.getElementById('mechanicalSplices').value) || 0;
    const connectorLoss = parseFloat(document.getElementById('connectorLoss').value) || 0.75;
    const safetyMargin = parseFloat(document.getElementById('safetyMargin').value) || 3;

    // Validation
    if (!sfpModule || !fiberType || !distance) {
        alert('Please fill in all required fields (SFP Module, Fiber Type, and Distance)');
        return;
    }

    // Convert distance to kilometers
    let distanceKm = distance;
    if (distanceUnit === 'm') {
        distanceKm = distance / 1000;
    } else if (distanceUnit === 'ft') {
        distanceKm = distance / 3280.84;
    }

    // Get SFP and fiber data
    const sfp = SFP_MODULES[sfpModule];
    const fiber = FIBER_TYPES[fiberType];

    // Use worst-case Tx power (minimum)
    const txPower = sfp.txPowerMin;
    const rxSensitivity = sfp.rxSensitivity;

    // Get fiber attenuation for this wavelength
    const fiberAttenuation = fiber.attenuation[sfp.wavelength];

    // Calculate losses
    const fiberLoss = distanceKm * fiberAttenuation;
    const connectorLossTotal = connectorPairs * connectorLoss;
    const fusionSpliceLoss = fusionSplices * 0.1;
    const mechanicalSpliceLoss = mechanicalSplices * 0.3;

    const totalLoss = fiberLoss + connectorLossTotal + fusionSpliceLoss + mechanicalSpliceLoss;

    // Calculate link budget and margin
    const linkBudget = txPower - rxSensitivity;
    const linkMargin = linkBudget - totalLoss - safetyMargin;

    // Check distance limits
    const maxDistanceMeters = sfp.maxDistance[fiberType];
    const distanceMeters = distanceKm * 1000;
    const exceedsDistance = distanceMeters > maxDistanceMeters;

    // Display results
    displayResults(sfp, txPower, rxSensitivity, linkBudget, totalLoss, linkMargin,
                   fiberLoss, connectorLossTotal, fusionSpliceLoss, mechanicalSpliceLoss,
                   safetyMargin, distanceKm, fiberAttenuation, exceedsDistance,
                   maxDistanceMeters, distanceMeters);

    // Scroll to results
    document.getElementById('results').scrollIntoView({ behavior: 'smooth', block: 'start' });
}

function displayResults(sfp, txPower, rxSensitivity, linkBudget, totalLoss, linkMargin,
                       fiberLoss, connectorLoss, fusionLoss, mechanicalLoss, safetyMargin,
                       distanceKm, fiberAttenuation, exceedsDistance, maxDistanceMeters, distanceMeters) {

    // Determine pass/fail/warning
    let status = 'pass';
    let statusText = 'PASS';
    let message = 'Link has sufficient power budget and should work reliably.';

    if (linkMargin < -1) {
        status = 'fail';
        statusText = 'FAIL';
        message = 'Insufficient power budget. Link will likely not work. Consider shorter distance, better fiber, or different SFP module.';
    } else if (linkMargin < 0) {
        status = 'warning';
        statusText = 'WARNING';
        message = 'Marginal power budget. May work but risky. Clean all connectors and verify fiber quality.';
    } else if (linkMargin < 2) {
        status = 'warning';
        statusText = 'MARGINAL';
        message = 'Low power margin. Should work but little headroom for degradation. Monitor link quality.';
    }

    // Update result header
    const resultHeader = document.getElementById('resultHeader');
    resultHeader.className = 'section-header';
    if (status === 'fail') resultHeader.classList.add('fail');
    if (status === 'warning') resultHeader.classList.add('warning');

    document.getElementById('resultBadge').textContent = statusText;

    // Update summary box
    const summaryBox = document.getElementById('summaryBox');
    summaryBox.className = 'summary-box';
    if (status === 'fail') summaryBox.classList.add('fail');
    if (status === 'warning') summaryBox.classList.add('warning');

    const marginDisplay = document.getElementById('linkMarginDisplay');
    marginDisplay.className = 'link-margin';
    if (status === 'fail') marginDisplay.classList.add('fail');
    if (status === 'warning') marginDisplay.classList.add('warning');
    marginDisplay.textContent = (linkMargin >= 0 ? '+' : '') + linkMargin.toFixed(2) + ' dB';

    document.getElementById('resultMessage').textContent = message;

    // Display power budget info
    document.getElementById('txPower').textContent = txPower.toFixed(2) + ' dBm (worst-case)';
    document.getElementById('rxSensitivity').textContent = rxSensitivity.toFixed(2) + ' dBm';
    document.getElementById('linkBudget').textContent = linkBudget.toFixed(2) + ' dB';

    // Build loss breakdown table
    const lossBreakdown = document.getElementById('lossBreakdown');
    lossBreakdown.innerHTML = `
        <tr>
            <td>Fiber Attenuation</td>
            <td style="text-align: right;">${distanceKm.toFixed(3)} km × ${fiberAttenuation} dB/km</td>
            <td style="text-align: right;">${fiberLoss.toFixed(2)} dB</td>
        </tr>
        <tr>
            <td>Connector Loss</td>
            <td style="text-align: right;">${parseInt(document.getElementById('connectorPairs').value)} pairs × ${parseFloat(document.getElementById('connectorLoss').value).toFixed(2)} dB</td>
            <td style="text-align: right;">${connectorLoss.toFixed(2)} dB</td>
        </tr>
        ${fusionLoss > 0 ? `<tr>
            <td>Fusion Splices</td>
            <td style="text-align: right;">${parseInt(document.getElementById('fusionSplices').value)} × 0.1 dB</td>
            <td style="text-align: right;">${fusionLoss.toFixed(2)} dB</td>
        </tr>` : ''}
        ${mechanicalLoss > 0 ? `<tr>
            <td>Mechanical Splices</td>
            <td style="text-align: right;">${parseInt(document.getElementById('mechanicalSplices').value)} × 0.3 dB</td>
            <td style="text-align: right;">${mechanicalLoss.toFixed(2)} dB</td>
        </tr>` : ''}
        <tr class="total-row">
            <td><strong>Total Link Loss</strong></td>
            <td></td>
            <td style="text-align: right;"><strong>${totalLoss.toFixed(2)} dB</strong></td>
        </tr>
        <tr>
            <td>Safety Margin</td>
            <td style="text-align: right;">Accounts for aging, temp, contamination</td>
            <td style="text-align: right;">${safetyMargin.toFixed(1)} dB</td>
        </tr>
        <tr class="total-row" style="background: ${linkMargin >= 0 ? '#d4edda' : '#f8d7da'};">
            <td><strong>Link Margin</strong></td>
            <td style="text-align: right;"><strong>Budget - Loss - Margin</strong></td>
            <td style="text-align: right;"><strong>${linkMargin >= 0 ? '+' : ''}${linkMargin.toFixed(2)} dB</strong></td>
        </tr>
    `;

    // Distance warning
    const warningContainer = document.getElementById('warningContainer');
    if (exceedsDistance) {
        warningContainer.innerHTML = `
            <div class="warning-message">
                <strong>⚠️ Distance Warning:</strong> Your specified distance of ${distanceMeters.toFixed(0)} meters exceeds the IEEE 802.3 maximum of ${maxDistanceMeters} meters for ${sfp.name} on this fiber type. Link may experience bit errors or fail to establish due to dispersion, even if power budget is sufficient.
            </div>
        `;
    } else {
        warningContainer.innerHTML = '';
    }

    // Show results
    document.getElementById('results').classList.add('show');
}

function copyResults() {
    const sfpModule = document.getElementById('sfpModule').value;
    const fiberType = document.getElementById('fiberType').value;
    const distance = document.getElementById('distance').value;
    const distanceUnit = document.getElementById('distanceUnit').value;
    const linkMargin = document.getElementById('linkMarginDisplay').textContent;
    const txPower = document.getElementById('txPower').textContent;
    const rxSensitivity = document.getElementById('rxSensitivity').textContent;
    const linkBudget = document.getElementById('linkBudget').textContent;
    const resultMessage = document.getElementById('resultMessage').textContent;

    const text = `Optical Link Budget Calculation Results
========================================

Configuration:
- SFP Module: ${SFP_MODULES[sfpModule].name} (${SFP_MODULES[sfpModule].speed})
- Fiber Type: ${FIBER_TYPES[fiberType].name}
- Distance: ${distance} ${distanceUnit}

Power Budget:
- Tx Power: ${txPower}
- Rx Sensitivity: ${rxSensitivity}
- Link Budget: ${linkBudget}

Result:
- Link Margin: ${linkMargin}
- Status: ${resultMessage}

Generated by baud9600.com Optical Link Budget Calculator`;

    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).then(() => {
            const button = event.target;
            const originalText = button.textContent;
            button.textContent = 'Copied!';
            button.classList.add('copied');
            setTimeout(() => {
                button.textContent = originalText;
                button.classList.remove('copied');
            }, 2000);
        });
    } else {
        alert('Copy to clipboard not supported in this browser');
    }
}

// Add Enter key support
document.addEventListener('DOMContentLoaded', function() {
    const inputs = ['distance', 'connectorPairs', 'fusionSplices', 'mechanicalSplices'];
    inputs.forEach(id => {
        const element = document.getElementById(id);
        if (element) {
            element.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    calculateLinkBudget();
                }
            });
        }
    });
});
</script>