<div id="main-content" class="container"> <div class="header"> <div class="header-content"> <h1>📈 داشبورد قیمت ارزهای دیجیتال</h1> <p class="subtitle">ردیابی قیمت ارزهای دیجیتال در صرافی‌های مختلف</p> </div> <div class="theme-controls"> <div onclick="toggleThemeMenu()" class="hamburger-menu"> <span></span><span></span><span></span> </div> <div class="theme-controls-dropdown"> <div class="control-row"> <span class="control-label">زبان</span><button onclick="toggleLanguage()" type="button" class="lang-toggle">EN</button> </div> <div class="control-row"> <span class="control-label">پوسته</span><button onclick="toggleMode()" type="button" class="mode-toggle">☀️</button> </div> <div class="control-row" style="flex-direction: column; align-items: stretch;"> <span class="control-label">رنگ</span> <div class="theme-selector"> <div onclick="applyTheme('purple')" data-theme="purple" class="theme-option active" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"></div> <div onclick="applyTheme('ocean')" data-theme="ocean" class="theme-option " style="background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);"></div> <div onclick="applyTheme('sunset')" data-theme="sunset" class="theme-option " style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);"></div> <div onclick="applyTheme('forest')" data-theme="forest" class="theme-option " style="background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);"></div> <div onclick="applyTheme('midnight')" data-theme="midnight" class="theme-option " style="background: linear-gradient(135deg, #2c3e50 0%, #4ca1af 100%);"></div> </div> </div> </div> </div> </div> <form enctype="multipart/form-data" hx-post="/chart?lang=fa" hx-swap="innerHTML" hx-target="#chart-display"> <div class="controls"> <div class="control-group"> <label for="exchange">صرافی</label><select name="exchange" hx-get="/symbols?lang=fa" hx-swap="outerHTML" onchange="autoApplyChart()" hx-target="#symbol" id="exchange"><option value="all" selected>همه صرافی‌ها</option><option value="arzinja">Arzinja</option><option value="bitpin">Bitpin</option><option value="lydia">Lydia</option><option value="nobitex">Nobitex</option><option value="ramzinex">Ramzinex</option><option value="tetherland">Tetherland</option><option value="wallex">Wallex</option></select> </div> <div class="control-group"> <label for="symbol">نماد ارز</label> <div> <div id="symbol-display" class="symbol-display"> <img src="https://cryptologos.cc/logos/tether-usdt-logo.svg?v=029" alt="USDT" class="crypto-logo"><span>USDT</span> </div> <select name="symbol" onchange="updateSymbolDisplay(this); autoApplyChart()" id="symbol" class="crypto-select"><option value="BTC" data-logo="https://cryptologos.cc/logos/bitcoin-btc-logo.svg?v=029">BTC</option><option value="ETH" data-logo="https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=029">ETH</option><option value="USDT" selected data-logo="https://cryptologos.cc/logos/tether-usdt-logo.svg?v=029">USDT</option></select> </div> </div> <div class="control-group"> <label for="timeframe">بازه زمانی</label><select name="timeframe" onchange="autoApplyChart()" id="timeframe"><option value="1h">یک ساعت اخیر</option><option value="6h">۶ ساعت اخیر</option><option value="24h" selected>۲۴ ساعت اخیر</option><option value="7d">۷ روز اخیر</option><option value="30d">۳۰ روز اخیر</option></select> </div> <div class="control-group"> <label for="chart_type">نوع نمودار</label><select name="chart_type" onchange="autoApplyChart()" id="chart_type"><option value="line" selected>نمودار خطی</option><option value="area">نمودار ناحیه‌ای</option></select> </div> <div class="button-group"> <div class="action-buttons"> <button type="submit" class="compact primary">🔍 اعمال فیلتر</button><button type="button" hx-post="/chart?lang=fa" hx-include="[name='exchange'],[name='symbol'],[name='timeframe'],[name='chart_type']" hx-swap="innerHTML" hx-target="#chart-display" class="compact secondary">🔄 تازه‌سازی</button><button type="button" onclick="exportCSV()" class="compact secondary">📥 خروجی CSV</button> </div> </div> </div> </form> <div id="chart-display"> <div class="chart-container"> <p class="no-data">یک صرافی و نماد ارز را برای مشاهده نمودار انتخاب کنید</p> </div> </div> </div>