PageSourceSearch

https://afghanistan.af/pages/arz/

html afghanistan.af collected 2026-10-03 01:07:29 UTC 55,837 bytes, 957 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ps" dir="rtl">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
7<!-- ═══ SEO CORE ═══ -->
8<title>نرخ اسعار افغانستان | دالر، یورو، پوند به افغانی — زنده</title>
9<meta name="description" content="نرخ زنده اسعار افغانستان — دالر، یورو، پوند، درهم، ریال سعودی و ۲۰+ اسعار به افغانی. تبدیل فوری، نمودار شمسی، طلا و کریپتو از Binance.">
10<meta name="keywords" content="افغانستان, پورتال افغانستان, اخبار افغانستان, نرخ ارز افغانستان, شارژ موبایل افغانستان, اوقات نماز کابل, آب و هوای افغانستان">
11<meta name="author" content="پورتال افغانستان">
12<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
13<meta name="language" content="ps">
14<meta name="geo.region" content="AF">
15<meta name="geo.placename" content="Afghanistan">
16<link rel="canonical" href="https://afghanistan.af/pages/arz/">
17
18<!-- ═══ OPEN GRAPH ═══ -->
19<meta property="og:type" content="website">
20<meta property="og:url" content="https://afghanistan.af/pages/arz/">
21<meta property="og:title" content="نرخ اسعار افغانستان | دالر، یورو، پوند به افغانی — زنده">
22<meta property="og:description" content="نرخ زنده اسعار افغانستان — دالر، یورو، پوند، درهم، ریال سعودی و ۲۰+ اسعار به افغانی. تبدیل فوری، نمودار شمسی، طلا و کریپتو از Binance.">
23<meta property="og:image" content="https://afghanistan.af/assets/img/og-image.png">
24<meta property="og:image:width" content="1200">
25<meta property="og:image:height" content="630">
26<meta property="og:locale" content="ps_AF">
27<meta property="og:site_name" content="پورتال افغانستان">
28
29<!-- ═══ TWITTER CARD ═══ -->
30<meta name="twitter:card" content="summary_large_image">
31<meta name="twitter:title" content="نرخ اسعار افغانستان | دالر، یورو، پوند به افغانی — زنده">
32<meta name="twitter:description" content="نرخ زنده اسعار افغانستان — دالر، یورو، پوند، درهم، ریال سعودی و ۲۰+ اسعار به افغانی. تبدیل فوری، نمودار شمسی، طلا و کریپتو از Binance.">
33<meta name="twitter:image" content="https://afghanistan.af/assets/img/og-image.png">
34
35<!-- ═══ FONTS & STYLES ═══ -->
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
39<link rel="stylesheet" href="/assets/css/main.css?v=1036">
40<link rel="stylesheet" href="/assets/css/nav.css?v=1036">
41
42<!-- ═══ FAVICON ═══ -->
43<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%230a3d2b'/%3E%3Cellipse cx='50' cy='52' rx='30' ry='22' fill='none' stroke='%234ecb95' stroke-width='3'/%3E%3Ccircle cx='50' cy='52' r='5' fill='%234ecb95'/%3E%3Cline x1='20' y1='52' x2='80' y2='52' stroke='%234ecb95' stroke-width='2'/%3E%3Cline x1='50' y1='30' x2='50' y2='74' stroke='%234ecb95' stroke-width='2'/%3E%3Cellipse cx='50' cy='52' rx='14' ry='22' fill='none' stroke='%234ecb95' stroke-width='1.5'/%3E%3C/svg%3E">
44<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%230a3d2b'/%3E%3C/svg%3E">
45<meta name="theme-color" content="#0a3d2b">
46
47<!-- ═══ GOOGLE ANALYTICS ═══ -->
vendor: 64 bytes, lines 47-48
47
48<script async src="https://www.googletagmanager.com/gtag/js?id=
48G-WMN1STP83Z
vendor: 12 bytes, line 48
48"></script>
49<script>
vendor: 117 bytes, line 49
49window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date());gtag('config','
49G-WMN1STP83Z
vendor: 3 bytes, line 49
49');
49</script>
49
50
51<style>
52.lang-sw{display:flex;align-items:center;gap:2px;margin-left:8px}
53.lang-btn{display:flex;align-items:center;gap:3px;background:transparent;border:none;border-radius:14px;padding:4px 8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;color:rgba(255,255,255,.6);transition:.15s;white-space:nowrap}
54.lang-btn:hover{background:rgba(255,255,255,.12);color:#fff}
55.lang-btn.lang-on{background:rgba(255,255,255,.18);color:#fff}
56@media(max-width:600px){.lang-lbl{display:none}.lang-btn{padding:5px 6px;font-size:14px}}
57</style>
58<script>function setLang(l){var u=new URL(window.location.href);u.searchParams.set('lang',l);window.location.href=u.toString();}</script>
58
59</head>
60<body>
61
62<!-- ══ HEADER ══ -->
63<header id="hdr">
64  <div class="hrow">
65    <a href="/" class="logo-wrap" style="text-decoration:none">
66      <div class="logo-m">د افغانستان پورتال</div>
67      <div class="logo-s">🤍 ستاسو ټول ورځني اړتیاوې دلته دي</div>
68    </a>
69
70    <!-- منوی اصلی دسکتاپ -->
71    <nav class="hnav" id="main-nav">
72            <a href="/">🏠 کور</a>
73            <a href="/pages/akhbar/" style="color:#e74c3c;font-weight:700">📰 د شاهد خبرونه</a>
74            <a href="/pages/arz/" class="on">💹 د بدلون نرخ</a>
75            <a href="/pages/hawa/">🌤 هوا</a>
76            <a href="/pages/namaz/">🕌 د لمانځه وخت</a>
77            <a href="/pages/parwaz/">✈️ الوتنې</a>
78            <a href="/pages/quran/">📖 قرآن</a>
79            <a href="/pages/abzar/">🛠 وسیلې</a>
80            <a href="/pages/khadamat/">🏛 خدمتونه</a>
81            <a href="/pages/taqwim/">📅 کلنډر</a>
82            <a href="/wolayat/" style="color:#4ecb95;font-weight:700">🗺️ ولایتونه</a>
83            <a href="/learn/pashto/" style="color:#f0c060;font-weight:700">📚 د ژبې زده کړه</a>
84            <a href="/pages/sports/" style="color:#3b82f6;font-weight:700">⚽ ورزش</a>
85            <a href="/pages/darbare/">ℹ️ زموږ په اړه</a>
86          </nav>
87
88    <!-- همبرگر موبایل -->
89    <button class="nav-toggle" id="nav-toggle" onclick="toggleNav()" aria-label="منو">
90      <span></span><span></span><span></span>
91    </button>
92
93    <div class="hdr-srch">
94      <!-- سوییچر زبان -->
95      <div class="lang-sw">
96        <button class="lang-btn lang-on" onclick="setLang('ps')" title="پښتو">پښتو</button>
97        <button class="lang-btn " onclick="setLang('fa')" title="دری">دری</button>
98        <button class="lang-btn " onclick="setLang('en')" title="English">EN</button>
99      </div>
100      <div class="srch">
101        <span style="opacity:.5">🔍</span>
102        <input placeholder="لټول...">
103      </div>
104    </div>
105  </div>
106
107  <!-- منوی موبایل کشویی -->
108  <div class="mob-nav" id="mob-nav">
109    <div class="mob-nav-inner">
110            <a href="/" class="mob-nav-item">🏠 کور</a>
111            <a href="/pages/akhbar/" class="mob-nav-item" style="color:#e74c3c">📰 د شاهد خبرونه</a>
112            <a href="/pages/arz/" class="mob-nav-item mob-active">💹 د بدلون نرخ</a>
113            <a href="/pages/hawa/" class="mob-nav-item">🌤 هوا</a>
114            <a href="/pages/namaz/" class="mob-nav-item">🕌 د لمانځه وخت</a>
115            <a href="/pages/parwaz/" class="mob-nav-item">✈️ الوتنې</a>
116            <a href="/pages/quran/" class="mob-nav-item">📖 قرآن</a>
117            <a href="/pages/abzar/" class="mob-nav-item">🛠 وسیلې</a>
118            <a href="/pages/khadamat/" class="mob-nav-item">🏛 خدمتونه</a>
119            <a href="/pages/taqwim/" class="mob-nav-item">📅 کلنډر</a>
120            <a href="/wolayat/" class="mob-nav-item" style="color:#4ecb95">🗺️ ولایتونه</a>
121            <a href="/learn/pashto/" class="mob-nav-item" style="color:#f0c060">📚 د ژبې زده کړه</a>
122            <a href="/pages/sports/" class="mob-nav-item" style="color:#3b82f6">⚽ ورزش</a>
123            <a href="/pages/darbare/" class="mob-nav-item">ℹ️ زموږ په اړه</a>
124          </div>
125  </div>
126</header>
127
128<!-- ══ DATEBAR ══ -->
129<div class="datebar">
130  <div class="dbi"><span>(شمسي تقویم)</span><strong>۱۱ میزان ۱۴۰۵</strong></div>
131  <div class="dbi"><span>میلادي</span><strong style="direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif">3 Oct 2026</strong></div>
132  <div class="dbi"><span>هجري قمري</span><strong>۲۱ ربیع الثانی ۱۴۴۸</strong></div>
133  <div class="clkbox"><small>🕐 کابل</small><div id="clk">--:--</div></div>
134</div>
135
136<script>
137function toggleNav(){
138  document.getElementById('mob-nav').classList.toggle('open');
139  document.getElementById('nav-toggle').classList.toggle('open');
140}
141document.addEventListener('click', function(e){
142  var nav = document.getElementById('mob-nav');
143  var btn = document.getElementById('nav-toggle');
144  if(nav.classList.contains('open') && !nav.contains(e.target) && !btn.contains(e.target)){
145    nav.classList.remove('open');
146    btn.classList.remove('open');
147  }
148});
149</script>
149<style>
150/* ══════════════════════════════════════════
151   نرخ اسعار — Dark Terminal
152══════════════════════════════════════════ */
153/* ══ همه CSS داخل .fx-page تا conflict نداشته باشه ══ */
154.fx-page{
155  --fx-ink:#07100a;--fx-ink2:#0d1a0f;--fx-ink3:#132016;
156  --fx-g:#00e87a;--fx-gd:#00c060;--fx-gr:#ff4466;
157  --fx-gold:#f0c060;--fx-goldd:#c8960a;
158  --fx-text:#e4ede7;--fx-muted:#5c7d66;--fx-border:#1a3020;
159  --fx-card:#0c1a0e;--fx-card2:#101e12;
160  --fx-up:#00e87a;--fx-dn:#ff4466;
161  --fx-sh:0 2px 16px rgba(0,0,0,.4);
162  background:#07100a;
163  color:#e4ede7 !important;
164  font-family:'Vazirmatn',sans-serif;
165  direction:rtl;
166  min-height:60vh;
167}
168/* Reset همه المان‌های داخل fx-page */
169.fx-page *{color:inherit;}
170.fx-page input,.fx-page select,.fx-page textarea{
171  background:var(--fx-ink2)!important;
172  color:#fff!important;
173  border-color:var(--fx-border)!important;
174}
175.fx-page input::placeholder{color:var(--fx-muted)!important;}
176.fx-page select option{background:#0d1a0f;color:#fff;}
177.fx-page a{color:var(--fx-muted);}
178.fx-page h1,.fx-page h2,.fx-page h3{color:var(--fx-text);}
179.fx-page p{color:var(--fx-muted);}
180.fx-page button{color:inherit;}
181.fx-page table{color:var(--fx-text);}
182
183/* override سایت */
184.page{background:#07100a!important;min-height:100vh;}
185.page>div{padding:0!important;max-width:none!important;}
186.page>aside{display:none!important;}
187
188/* ══ TICKER ══ */
189.ticker-bar{background:#050d07;border-bottom:1px solid var(--fx-border);padding:6px 0;overflow:hidden;}
190.ticker-track{display:flex;width:max-content;animation:tkr 35s linear infinite;}
191.ticker-track:hover{animation-play-state:paused;}
192@keyframes tkr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
193.tk{display:flex;align-items:center;gap:7px;padding:0 18px;border-left:1px solid var(--fx-border);white-space:nowrap;}
194.tk-n{font-size:.68rem;color:var(--fx-muted);font-weight:700;}
195.tk-v{font-size:.75rem;font-weight:800;color:var(--fx-text);font-family:monospace;}
196.tk-c{font-size:.62rem;font-weight:700;font-family:monospace;}
197.tk-c.up{color:var(--fx-up);} .tk-c.dn{color:var(--fx-dn);}
198
199/* ══ HERO ══ */
200.fx-hero{background:linear-gradient(150deg,#020a04,#06120a 60%,#091508);border-bottom:1px solid var(--fx-border);}
201.hero-inner{max-width:980px;margin:0 auto;padding:20px 14px 18px;}
202.hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;}
203.hero-bc{font-size:.68rem;color:var(--fx-muted);}
204.hero-bc a{color:var(--fx-muted);text-decoration:none;}
205.live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(0,232,122,.1);border:1px solid rgba(0,232,122,.2);border-radius:20px;padding:4px 10px;font-size:.65rem;font-weight:700;color:var(--fx-up);}
206.ldot{width:6px;height:6px;border-radius:50%;background:var(--fx-up);animation:pulse 1.8s ease infinite;flex-shrink:0;}
207.ldot.err{background:var(--fx-dn);animation:none;}
208.ldot.load{background:#888;animation:none;}
209@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
210
211.hero-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
212@media(max-width:560px){.hero-chips{grid-template-columns:repeat(3,1fr);}}
213@media(max-width:380px){.hero-chips{grid-template-columns:repeat(2,1fr);}}
214.hchip{background:rgba(255,255,255,.04)!important;border:1px solid #1a3020!important;border-radius:10px;padding:10px 11px;transition:border-color .15s;cursor:pointer;}
215.hchip:hover{border-color:rgba(0,232,122,.3);}
216.hchip-l{font-size:.6rem;color:#5c7d66!important;font-weight:700;margin-bottom:3px;}
217.hchip-v{font-size:1rem;font-weight:900;color:#fff;font-family:monospace;}
218.hchip-c{font-size:.65rem;font-weight:700;margin-top:2px;font-family:monospace;}
219.hchip-c.up{color:var(--fx-up);} .hchip-c.dn{color:var(--fx-dn);}
220
221/* ══ LAYOUT ══ */
222.fx-wrap{max-width:980px;margin:0 auto;padding:14px 10px 60px;display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start;}
223@media(max-width:720px){.fx-wrap{grid-template-columns:1fr;}}
224
225/* ══ CARD ══ */
226.fx-card{background:#0c1a0e!important;border:1px solid #1a3020!important;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.4);margin-bottom:12px;color:#e4ede7!important;}
227.fx-card-hd{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a3020!important;background:#0c1a0e!important;}
228.fx-card-title{font-size:.86rem;font-weight:800;color:#e4ede7!important;}
229.fx-card-sub{font-size:.68rem;color:#5c7d66!important;}
230.fx-card-btn{background:transparent!important;border:1px solid #1a3020!important;border-radius:7px;padding:4px 10px;font-size:.68rem;font-weight:700;color:#5c7d66!important;cursor:pointer;font-family:inherit;transition:all .12s;}
231.fx-card-btn:hover{border-color:#00e87a!important;color:#00e87a!important;}
232
233/* skeleton */
234.skel{background:linear-gradient(90deg,#0d1a0f 25%,#132016 50%,#0d1a0f 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;height:14px;}
235@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
236
237/* ══ تبدیل اسعار ══ */
238.conv-wrap{padding:14px;}
239.conv-tabs{display:flex;gap:4px;margin-bottom:12px;}
240.ctab{flex:1;padding:7px 4px;text-align:center;border-radius:8px;border:1px solid #1a3020!important;background:#0d1a0f!important;cursor:pointer;font-size:.71rem;font-weight:700;color:#5c7d66!important;transition:all .12s;font-family:inherit;}
241.ctab.on{background:var(--fx-up);color:#000;border-color:var(--fx-up);}
242.conv-field label{font-size:.66rem;font-weight:700;color:#5c7d66!important;display:block;margin-bottom:3px;}
243.conv-field input,.conv-field select{width:100%;padding:9px 11px;border:1.5px solid #1a3020!important;border-radius:8px;background:#0d1a0f!important;font-size:.92rem;font-weight:800;color:#fff!important;font-family:inherit;direction:ltr;text-align:right;outline:none;transition:border-color .12s;-webkit-appearance:none;}
244.conv-field input:focus,.conv-field select:focus{border-color:var(--fx-up);}
245.conv-field select option{background:#0d1a0f;color:#fff;}
246.conv-row{display:flex;gap:7px;margin-bottom:7px;}
247.conv-btn{width:100%;padding:11px;background:var(--fx-up);color:#000;border:none;border-radius:8px;font-size:.88rem;font-weight:900;cursor:pointer;font-family:inherit;margin-top:4px;transition:background .12s;}
248.conv-btn:hover{background:var(--fx-gd);}
249.crb{background:rgba(0,232,122,.06);border:1.5px solid rgba(0,232,122,.2);border-radius:10px;padding:14px;text-align:center;margin-top:10px;display:none;}
250.crb.show{display:block;}
251.crb-from{font-size:.75rem;color:#5c7d66!important;margin-bottom:5px;}
252.crb-main{font-size:1.9rem;font-weight:900;color:#00e87a!important;line-height:1;margin-bottom:7px;font-family:monospace;}
253.crb-subs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:.74rem;color:var(--fx-muted);}
254.crb-subs strong{color:#e4ede7!important;}
255.qamts{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap;}
256.qamt{flex:1;min-width:36px;padding:6px 4px;text-align:center;border:1px solid #1a3020!important;border-radius:7px;background:#0d1a0f!important;cursor:pointer;font-size:.75rem;font-weight:700;color:#5c7d66!important;font-family:monospace;transition:all .12s;}
257.qamt:hover{background:var(--fx-up);color:#000;border-color:var(--fx-up);}
258
259/* ══ نمودار ══ */
260.chart-tabs{display:flex;gap:4px;padding:11px 14px 0;flex-wrap:wrap;}
261.ctab2{padding:5px 10px;border-radius:7px;border:1px solid #1a3020!important;background:#0d1a0f!important;cursor:pointer;font-size:.7rem;font-weight:700;color:#5c7d66!important;font-family:inherit;transition:all .12s;}
262.ctab2.on{background:var(--fx-up);color:#000;border-color:var(--fx-up);}
263.chart-period{display:flex;gap:3px;padding:8px 14px 0;margin-right:auto;}
264.cp{padding:4px 8px;border-radius:6px;border:1px solid var(--fx-border);background:transparent;cursor:pointer;font-size:.65rem;font-weight:700;color:var(--fx-muted);font-family:inherit;transition:all .12s;}
265.cp.on{border-color:var(--fx-up);color:var(--fx-up);}
266.chart-container{padding:8px 12px 12px;height:200px;position:relative;}
267
268/* ══ لیست نرخ‌ها ══ */
269.srch-box{padding:8px 12px;border-bottom:1px solid var(--fx-border);}
270.srch-inner{display:flex;align-items:center;gap:7px;background:#0d1a0f!important;border:1px solid #1a3020!important;border-radius:8px;padding:7px 10px;}
271.srch-inner input{border:none!important;background:transparent!important;font-family:inherit;font-size:.82rem;color:#e4ede7!important;width:100%;outline:none;}
272.srch-inner input::placeholder{color:var(--fx-muted);}
273.sec-lbl{font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#5c7d66!important;padding:7px 14px 4px;background:rgba(0,0,0,.35)!important;text-transform:uppercase;display:block;}
274.fx-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(26,48,32,.6)!important;cursor:pointer;transition:background .1s;background:#0c1a0e!important;}
275.fx-row:last-child{border-bottom:none!important;}
276.fx-row:hover{background:#101e12!important;}
277.fx-flag{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center;}
278.fx-info{flex:1;min-width:0;}
279.fx-name{font-size:.82rem;font-weight:700;color:#e4ede7!important;}
280.fx-code{font-size:.63rem;color:#5c7d66!important;font-weight:600;}
281.fx-right{text-align:left;flex-shrink:0;min-width:85px;}
282.fx-price{font-size:.88rem;font-weight:800;color:#e4ede7!important;font-family:monospace;}
283.fx-ch{font-size:.68rem;font-weight:700;font-family:monospace;margin-top:1px;}
284.fx-ch.up{color:#00e87a!important;} .fx-ch.dn{color:#ff4466!important;}
285.fx-spark{flex-shrink:0;}
286
287/* ══ sidebar ══ */
288.info-strip{display:flex;flex-wrap:wrap;gap:6px;padding:11px 12px;}
289.info-item{flex:1;min-width:100px;background:#0d1a0f!important;border:1px solid #1a3020!important;border-radius:8px;padding:8px 10px;}
290.info-item .lbl{font-size:.62rem;color:#5c7d66!important;font-weight:700;margin-bottom:2px;}
291.info-item .val{font-size:.85rem;font-weight:800;color:#e4ede7!important;font-family:monospace;}
292.val.up{color:var(--fx-up)!important;} .val.dn{color:var(--fx-dn)!important;}
293
294.formula-box{background:#0d1a0f!important;border:1px solid #1a3020!important;border-radius:8px;padding:9px 11px;margin-bottom:6px;font-size:.78rem;}
295.formula-box .t{font-weight:700;color:#e4ede7!important;margin-bottom:2px;}
296.formula-box .s{color:#5c7d66!important;font-size:.72rem;}
297.formula-box em{color:var(--fx-up);font-style:normal;font-weight:800;font-family:monospace;}
298
299.remit-link{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#0d1a0f!important;border:1px solid #1a3020!important;border-radius:8px;text-decoration:none;transition:border-color .12s;margin-bottom:6px;}
300.remit-link:hover{border-color:var(--fx-up);}
301.remit-link .rn{font-size:.8rem;font-weight:800;color:#e4ede7!important;}
302.remit-link .rd{font-size:.65rem;color:#5c7d66!important;}
303
304.note-item{padding:8px 10px;
304border-right:3px solid;border-radius:0 7px 7px 0;font-size:.75rem;line-height:1.6;margin-bottom:5px;}
305.note-item.warn{background:rgba(240,192,96,.08)!important;border-color:#c8960a!important;color:#d4a830!important;}
306.note-item.ok{background:rgba(0,232,122,.06)!important;border-color:#00e87a!important;color:#00b85e!important;}
307.note-item.err{background:rgba(255,68,102,.08)!important;border-color:#ff4466!important;color:#ff7088!important;}
308
309/* ══ جدول مقایسه ══ */
310#quick-table table{width:100%;border-collapse:collapse;font-size:.78rem;}
311#quick-table th{padding:7px 10px;color:var(--fx-muted);font-size:.65rem;text-align:right;border-bottom:1px solid var(--fx-border);}
312#quick-table td{padding:8px 10px;border-bottom:1px solid rgba(26,48,32,.5);font-family:monospace;}
313#quick-table tr:last-child td{border-bottom:none;}
314#quick-table tr:hover td{background:var(--fx-ink2);}
315
316@media(max-width:480px){
317  .conv-row{flex-direction:column;}
318  .crb-main{font-size:1.4rem;}
319}
320</style>
321
322<div class="fx-page">
323<!-- ══ TICKER ══ -->
324<div class="ticker-bar">
325  <div class="ticker-track" id="ticker-track"></div>
326</div>
327
328<!-- ══ HERO ══ -->
329<div class="fx-hero">
330  <div class="hero-inner">
331    <div class="hero-top">
332      <div class="hero-bc"><a href="/">خانه</a> › نرخ اسعار</div>
333      <div class="live-badge">
334        <span class="ldot load" id="ldot"></span>
335        <span id="live-txt">در حال بارگذاری...</span>
336      </div>
337    </div>
338    <div class="hero-chips" id="hero-chips">
339            <div class="hchip" id="hc-usd">
340        <div class="hchip-l">دالر امریکا</div>
341        <div class="hchip-v" id="hc-v-usd">—</div>
342        <div class="hchip-c" id="hc-c-usd">—</div>
343      </div>
344            <div class="hchip" id="hc-eur">
345        <div class="hchip-l">یورو</div>
346        <div class="hchip-v" id="hc-v-eur">—</div>
347        <div class="hchip-c" id="hc-c-eur">—</div>
348      </div>
349            <div class="hchip" id="hc-gbp">
350        <div class="hchip-l">پوند</div>
351        <div class="hchip-v" id="hc-v-gbp">—</div>
352        <div class="hchip-c" id="hc-c-gbp">—</div>
353      </div>
354            <div class="hchip" id="hc-aed">
355        <div class="hchip-l">درهم امارات</div>
356        <div class="hchip-v" id="hc-v-aed">—</div>
357        <div class="hchip-c" id="hc-c-aed">—</div>
358      </div>
359            <div class="hchip" id="hc-sar">
360        <div class="hchip-l">ریال سعودی</div>
361        <div class="hchip-v" id="hc-v-sar">—</div>
362        <div class="hchip-c" id="hc-c-sar">—</div>
363      </div>
364          </div>
365  </div>
366</div>
367
368<!-- ══ CONTENT ══ -->
369<div class="fx-wrap">
370<div><!-- ستون اصلی -->
371
372  <!-- تبدیل اسعار -->
373  <div class="fx-card">
374    <div class="fx-card-hd">
375      <span class="fx-card-title">🔄 تبدیل اسعار</span>
376      <span class="fx-card-sub">آخرین بروزرسانی: <span id="upd-time">—</span></span>
377    </div>
378    <div class="conv-wrap">
379      <div class="conv-tabs">
380        <button class="ctab on" onclick="setCMode('to_afn',this)">← به افغانی</button>
381        <button class="ctab" onclick="setCMode('from_afn',this)">← از افغانی</button>
382        <button class="ctab" onclick="setCMode('cross',this)">⇄ اسعار به اسعار</button>
383      </div>
384      <div id="cform"></div>
385      <div class="crb" id="crb">
386        <div class="crb-from" id="crb-from">—</div>
387        <div class="crb-main" id="crb-main">—</div>
388        <div class="crb-subs" id="crb-subs"></div>
389      </div>
390      <div class="qamts">
391        <button class="qamt" onclick="setAmt(1)">Û±</button>
392        <button class="qamt" onclick="setAmt(10)">Û±Û°</button>
393        <button class="qamt" onclick="setAmt(100)">Û±Û°Û°</button>
394        <button class="qamt" onclick="setAmt(500)">ÛµÛ°Û°</button>
395        <button class="qamt" onclick="setAmt(1000)">Û±Ù¬Û°Û°Û°</button>
396      </div>
397    </div>
398  </div>
399
400  <!-- نمودار -->
401  <div class="fx-card">
402    <div class="fx-card-hd">
403      <span class="fx-card-title">📈 نمودار ۳۰ روز</span>
404      <span class="fx-card-sub" id="chart-cur-label">دالر</span>
405    </div>
406    <div class="chart-tabs">
407      <button class="ctab2 on" onclick="setChart('usd',this)">🇺🇸 دالر</button>
408      <button class="ctab2" onclick="setChart('eur',this)">🇪🇺 یورو</button>
409      <button class="ctab2" onclick="setChart('gbp',this)">🇬🇧 پوند</button>
410      <button class="ctab2" onclick="setChart('sar',this)">🇸🇦 ریال س.</button>
411      <button class="ctab2" onclick="setChart('aed',this)">🇦🇪 درهم</button>
412      <button class="ctab2" onclick="setChart('pkr',this)">🇵🇰 روپیه</button>
413    </div>
414    <div class="chart-container">
415      <canvas id="fxChart"></canvas>
416    </div>
417    <div style="padding:0 14px 9px;font-size:.65rem;color:var(--fx-muted);text-align:center">نمودار تقریبی بر اساس روند بازار · برای تصمیم مالی از صرافی‌های معتبر کابل استفاده کنید</div>
418  </div>
419
420  <!-- همه نرخ‌ها -->
421  <div class="fx-card">
422    <div class="fx-card-hd">
423      <span class="fx-card-title">💱 همه نرخ‌های اسعار · به افغانی</span>
424      <button class="fx-card-btn" onclick="loadRates()">↻ بروزرسانی</button>
425    </div>
426    <div class="srch-box">
427      <div class="srch-inner">
428        <span style="color:var(--fx-muted)">🔍</span>
429        <input type="text" id="srch" placeholder="جستجو: دالر، یورو، ریال..." oninput="filterRows()">
430      </div>
431    </div>
432    <div class="sec-lbl">اسعار اصلی</div>
433    <div id="r-main"><div style="padding:12px 14px;display:flex;flex-direction:column;gap:8px"><div class="skel"></div><div class="skel" style="width:80%"></div></div></div>
434    <div class="sec-lbl">اسعار منطقه</div>
435    <div id="r-region"></div>
436    <div class="sec-lbl">اسعار دیگر</div>
437    <div id="r-other"></div>
438    <div class="sec-lbl">🥇 طلا و فلزات · به دالر</div>
439    <div id="r-metals"><div style="padding:10px 14px;color:var(--fx-muted);font-size:.78rem">در حال بارگذاری از Binance...</div></div>
440    <div class="sec-lbl">₿ اسعار دیجیتال · به دالر</div>
441    <div id="r-crypto"><div style="padding:10px 14px;color:var(--fx-muted);font-size:.78rem">در حال بارگذاری...</div></div>
442  </div>
443
444  <!-- جدول مقایسه -->
445  <div class="fx-card">
446    <div class="fx-card-hd"><span class="fx-card-title">🧮 جدول مقایسه سریع</span></div>
447    <div id="quick-table" style="padding:0 0 4px"><div style="padding:12px 14px"><div class="skel"></div></div></div>
448  </div>
449
450  <!-- SEO -->
451  <div class="fx-card" style="padding:14px;">
452    <h2 style="font-size:.88rem;font-weight:800;color:var(--fx-text);margin-bottom:8px">نرخ اسعار افغانستان — اطلاعات مفید</h2>
453    <p style="font-size:.78rem;color:var(--fx-muted);line-height:1.8;margin-bottom:6px">نرخ اسعار در افغانستان توسط بازار آزاد صرافان کابل و د افغانستان بانک تعیین می‌شود. نرخ‌های نشان داده شده بر اساس نرخ بازار آزاد است.</p>
454    <p style="font-size:.78rem;color:var(--fx-muted);line-height:1.8">روپیه پاکستانی (PKR) و ریال ایرانی (IRR) به دلیل ارتباط تجاری نزدیک برای بسیاری از افغان‌ها اهمیت ویژه دارد. درهم امارات (AED) هم به دلیل حضور جمعیت زیاد افغان در امارات پرجستجو است.</p>
455  </div>
456
457</div><!-- /main -->
458
459<!-- ══ SIDEBAR ══ -->
460<div>
461
462  <div class="fx-card">
463    <div class="fx-card-hd"><span class="fx-card-title">📊 آمار امروز · دالر</span></div>
464    <div class="info-strip">
465      <div class="info-item"><div class="lbl">نرخ فعلی</div><div class="val" id="st-cur">—</div></div>
466      <div class="info-item"><div class="lbl">تغییر</div><div class="val" id="st-ch">—</div></div>
467      <div class="info-item"><div class="lbl">بالاترین</div><div class="val up" id="st-hi">—</div></div>
468      <div class="info-item"><div class="lbl">پایین‌ترین</div><div class="val dn" id="st-lo">—</div></div>
469    </div>
470  </div>
471
472  <div class="fx-card">
473    <div class="fx-card-hd"><span class="fx-card-title">📐 فرمول‌های کاربردی</span></div>
474    <div style="padding:11px 12px;display:flex;flex-direction:column;gap:5px" id="formulas">
475      <div class="skel"></div><div class="skel" style="width:72%"></div>
476    </div>
477  </div>
478
479  <div class="fx-card">
480    <div class="fx-card-hd"><span class="fx-card-title">💸 ارسال پول به افغانستان</span></div>
481    <div style="padding:9px 11px">
482      <a class="remit-link" href="https://www.westernunion.com" target="_blank" rel="noopener">
483        <span style="font-size:1.2rem">🔵</span>
484        <div><div class="rn">Western Union</div><div class="rd">کارمزد متغیر · سریع</div></div>
485        <span style="margin-right:auto;color:var(--fx-up);font-size:.75rem">←</span>
486      </a>
487      <a class="remit-link" href="https://wise.com" target="_blank" rel="noopener">
488        <span style="font-size:1.2rem">🟢</span>
489        <div><div class="rn">Wise</div><div class="rd">کمترین کارمزد</div></div>
490        <span style="margin-right:auto;color:var(--fx-up);font-size:.75rem">←</span>
491      </a>
492      <a class="remit-link" href="https://www.moneygram.com" target="_blank" rel="noopener">
493        <span style="font-size:1.2rem">🟠</span>
494        <div><div class="rn">MoneyGram</div><div class="rd">مطمئن و معتبر</div></div>
495        <span style="margin-right:auto;color:var(--fx-up);font-size:.75rem">←</span>
496      </a>
497      <a class="remit-link" href="https://www.riamoneytransfer.com" target="_blank" rel="noopener">
498        <span style="font-size:1.2rem">🟡</span>
499        <div><div class="rn">Ria Money</div><div class="rd">+۱۵۰ کشور</div></div>
500        <span style="margin-right:auto;color:var(--fx-up);font-size:.75rem">←</span>
501      </a>
502    </div>
503  </div>
504
505  <div class="fx-card">
506    <div class="fx-card-hd"><span class="fx-card-title">⚠️ نکات مهم</span></div>
507    <div style="padding:9px 11px">
508      <div class="note-item warn">نرخ‌ها هر ۱۵ دقیقه بروز می‌شوند و مبنای معاملات رسمی نیستند.</div>
509      <div class="note-item ok">برای خرید اسعار زیاد با چند صرافی مقایسه کنید.</div>
510      <div class="note-item err">نرخ حواله ممکن است با نرخ نقد تفاوت داشته باشد.</div>
511    </div>
512  </div>
513
514</div><!-- /sidebar -->
515</div><!-- /wrap -->
516
517<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script>
vendor: 2 bytes, line 517
517
518<script>
519/* ══════════════════════════════════════════
520   تقویم شمسی
521══════════════════════════════════════════ */
522var SH_M=['حمل','ثور','جوزا','سرطان','اسد','سنبله','میزان','عقرب','قوس','جدی','دلو','حوت'];
523function g2j(gy,gm,gd){
524  var gy2=gy-1600,gm2=gm-1,gd2=gd-1;
525  var g=[0,31,59,90,120,151,181,212,243,273,304,334];
526  var gdn=365*gy2+Math.floor((gy2+3)/4)-Math.floor((gy2+99)/100)+Math.floor((gy2+399)/400)+g[gm2]+gd2;
527  if(gm2>1&&((gy%4===0&&gy%100!==0)||gy%400===0))gdn++;
528  var jdn=gdn-79,jnp=Math.floor(jdn/12053);jdn%=12053;
529  var jy=979+33*jnp+4*Math.floor(jdn/1461);jdn%=1461;
530  if(jdn>=366){jy+=Math.floor((jdn-1)/365);jdn=(jdn-1)%365;}
531  var ml=[31,31,31,31,31,31,30,30,30,30,30,29];
532  for(var i=0;i<12;i++){if(jdn<ml[i])return{y:jy,m:i+1,d:jdn+1};jdn-=ml[i];}
533}
534function shLabel(d){var s=g2j(d.getFullYear(),d.getMonth()+1,d.getDate());return s.d+' '+SH_M[s.m-1];}
535
536/* ══ State ══ */
537var RATES={},cMode='to_afn',chartCur='usd',fxChart=null;
538
539var CUR_GROUPS={
540  main:  ['usd','eur','gbp','cad','chf','aud'],
541  region:['sar','aed','pkr','irr','try','inr','kwd','qar','omr','bhd','rub','myr'],
542  other: ['jpy','cny','sek','nok','dkk','sgd','thb'],
543};
544
545var CUR_META={
546  usd:{flag:'🇺🇸',name:'دالر امریکا',   code:'USD'},
547  eur:{flag:'🇪🇺',name:'یورو',           code:'EUR'},
548  gbp:{flag:'🇬🇧',name:'پوند بریتانیا', code:'GBP'},
549  cad:{flag:'🇨🇦',name:'دالر کانادا',   code:'CAD'},
550  chf:{flag:'🇨🇭',name:'فرانک سویس',   code:'CHF'},
551  aud:{flag:'🇦🇺',name:'دالر استرالیا', code:'AUD'},
552  sar:{flag:'🇸🇦',name:'ریال سعودی',    code:'SAR'},
553  aed:{flag:'🇦🇪',name:'درهم امارات',   code:'AED'},
554  pkr:{flag:'🇵🇰',name:'روپیه پاکستان',code:'PKR'},
555  irr:{flag:'🇮🇷',name:'ریال ایران',    code:'IRR'},
556  try:{flag:'🇹🇷',name:'لیر ترکیه',    code:'TRY'},
557  inr:{flag:'🇮🇳',name:'روپیه هند',     code:'INR'},
558  kwd:{flag:'🇰🇼',name:'دینار کویت',    code:'KWD'},
559  bhd:{flag:'🇧🇭',name:'دینار بحرین',   code:'BHD'},
560  qar:{flag:'🇶🇦',name:'ریال قطر',      code:'QAR'},
561  omr:{flag:'🇴🇲',name:'ریال عمان',     code:'OMR'},
562  jpy:{flag:'🇯🇵',name:'ین جاپان',      code:'JPY'},
563  cny:{flag:'🇨🇳',name:'یوان چین',      code:'CNY'},
564  rub:{flag:'🇷🇺',name:'روبل روسیه',    code:'RUB'},
565  sek:{flag:'🇸🇪',name:'کرون سویدن',    code:'SEK'},
566  nok:{flag:'🇳🇴',name:'کرون نروژ',     code:'NOK'},
567  dkk:{flag:'🇩🇰',name:'کرون دنمارک',   code:'DKK'},
568  sgd:{flag:'🇸🇬',name:'دالر سنگاپور',  code:'SGD'},
569  myr:{flag:'🇲🇾',name:'رینگیت مالزی',  code:'MYR'},
570  thb:{flag:'🇹🇭',name:'بات تایلند',    code:'THB'},
571};
572
573function f(n,d){d=d===undefined?0:d;return Number(n).toLocaleString('fa-AF',{minimumFractionDigits:d,maximumFractionDigits:d});}
574function fSmart(n){
575  if(!n)return '—';
576  if(n>=100)return f(n,1);
577  if(n>=1)return f(n,2);
578  if(n>=0.01)return f(n,4);
579  return f(n,6);
580}
581
582/* ══ بارگذاری نرخ از API سرور ══ */
583function loadRates(){
584  setStatus('load');
585  fetch('/api/rates.php?v='+Date.now())
586    .then(function(r){return r.json();})
587    .then(function(d){
588      if(d.rates){
589        RATES=d.rates;
590        var t=d.updated?d.updated.split(' ')[1].substring(0,5):'—';
591        document.getElementById('upd-time').textContent=t+' ('+d.source+')';
592        setStatus('ok');
593        renderAll();
594        buildTicker();
595      }
596    })
597    .catch(function(e){
598      setStatus('err');
599      console.warn('rates API failed:',e);
600    });
601}
602
603function setStatus(s){
604  var dot=document.getElementById('ldot'),txt=document.getElementById('live-txt');
605  if(s==='ok'){dot.className='ldot';dot.style.background='var(--fx-up)';dot.style.animation='pulse 1.8s ease infinite';txt.textContent='زنده';}
606  else if(s==='err'){dot.className='ldot';dot.style.background='var(--fx-dn)';dot.style.animation='none';txt.textContent='خطا';}
607  else{dot.style.background='#888';dot.style.animation='none';txt.textContent='در حال بارگذاری...';}
608}
609
610/* ══ TICKER ══ */
611function buildTicker(){
612  var keys=['usd','eur','gbp','aed','sar','pkr','kwd'];
613  var html='';
614  for(var x=0;x<2;x++){
615    keys.forEach(function(k){
616      var m=CUR_META[k],r=RATES[k];if(!m||!r)return;
617      var up=r.ch>=0;
618      html+='<div class="tk"><span class="tk-n">'+m.flag+' '+m.code+'</span><span class="tk-v">'+fSmart(r.r)+'</span><span class="tk-c '+(up?'up':'dn')+'">'+(up?'▲':'▼')+Math.abs(r.ch)+'٪</span></div>';
619    });
620  }
621  document.getElementById('ticker-track').innerHTML=html;
622}
623
624/* ══ HERO chips ══ */
625function updateHero(){
626  ['usd','eur','gbp','aed','sar'].forEach(function(k){
627    var r=RATES[k];if(!r)return;
628    var up=r.ch>=0;
629    document.getElementById('hc-v-'+k).textContent=fSmart(r.r)+' ؋';
630    var cel=document.getElementById('hc-c-'+k);
631    cel.textContent=(up?'▲ +':'▼ ')+Math.abs(r.ch)+'٪';
632    cel.className='hchip-c '+(up?'up':'dn');
633  });
634}
635
636/* ══ renderAll ══ */
637function renderAll(){
638  updateHero();
639  buildConvForm();
640  renderRates();
641  renderQuickTable();
642  updateFormulas();
643  updateStats();
644  buildChart(chartCur);
645  loadCrypto();
646}
647
648/* ══ رندر ردیف نرخ ══ */
649function makeRow(k){
650  var r=RATES[k],m=CUR_META[k];
651  if(!r||!m)return '';
652  var up=r.ch>=0;
653  return '<div class="fx-row" id="row-'+k+'" onclick="setCurInConv(\''+k+'\')">'
654    +'<div class="fx-flag">'+m.flag+'</div>'
655    +'<div class="fx-info"><div class="fx-name">'+m.name+'</div><div class="fx-code">'+m.code+' / AFN</div></div>'
656    +'<div class="fx-right">'
657      +'<div class="fx-price">'+fSmart(r.r)+' ؋</div>'
658      +'<div class="fx-ch '+(up?'up':'dn')+'">'+(up?'▲ +':'▼ ')+Math.abs(r.ch)+'٪</div>'
659    +'</div>'
660    +'</div>';
661}
662
663function renderRates(){
664  ['main','region','other'].forEach(function(g){
665    var html='';
666    CUR_GROUPS[g].forEach(function(k){html+=makeRow(k);});
667    document.getElementById('r-'+g).innerHTML=html||'<div style="padding:10px 14px;color:var(--fx-muted);font-size:.78rem">داده موجود نیست</div>';
668  });
669}
670
671function filterRows(){
672  var q=document.getElementById('srch').value.toLowerCase().trim();
673  document.querySelectorAll('.fx-row').forEach(function(row){
674    row.style.display=(!q||row.textContent.toLowerCase().includes(q))?'':'none';
675  });
676}
677
678/* ══ جدول مقایسه ══ */
679function renderQuickTable(){
680  var pairs=[[1,'usd'],[1,'eur'],[1,'gbp'],[1,'aed'],[100,'sar'],[100,'pkr'],[10,'kwd'],[1,'chf']];
681  var html='<table><tr style="background:var(--fx-ink2)"><th>اسعار</th><th style="text-align:left">افغانی</th><th style="text-align:left">تغییر</th></tr>';
682  pairs.forEach(function(p,i){
683    var r=RATES[p[1]],m=CUR_META[p[1]];if(!r||!m)return;
684    var val=p[0]*r.r,up=r.ch>=0;
685    html+='<tr><td>'+m.flag+' '+f(p[0],0)+' '+m.code+'</td>'
686      +'<td>'+f(val,0)+' ؋</td>'
687      +'<td style="color:'+(up?'var(--fx-up)':'var(--fx-dn)')+'">'+(up?'▲':'▼')+Math.abs(r.ch)+'٪</td></tr>';
688  });
689  html+='</table>';
690  document.getElementById('quick-table').innerHTML=html;
691}
692
693/* ══ فرمول‌ها ══ */
694function updateFormulas(){
695  var boxes='';
696  if(RATES.usd){var rv=RATES.usd.r;boxes+='<div class="formula-box"><div class="t">۱ دالر = <em>'+fSmart(rv)+'</em> افغانی</div><div class="s">۱۰۰ افغانی = '+f(100/rv,3)+' دالر</div></div>';}
697  if(RATES.eur&&RATES.gbp){var re=RATES.eur.r;boxes+='<div class="formula-box"><div class="t">۱ یورو = <em>'+fSmart(re)+'</em> افغانی</div><div class="s">۱ پوند = '+fSmart(RATES.gbp.r)+' افغانی</div></div>';}
698  if(RATES.sar&&RATES.aed){boxes+='<div class="formula-box"><div class="t">۱۰۰ ریال سعودی = <em>'+f(100*RATES.sar.r,1)+'</em> افغانی</div><div class="s">۱۰۰ درهم = '+f(100*RATES.aed.r,1)+' افغانی</div></div>';}
699  if(RATES.pkr){boxes+='<div class="formula-box"><div class="t">۱۰۰ روپیه پاکستان = <em>'+f(100*RATES.pkr.r,2)+'</em> افغانی</div><div class="s">پرکاربرد برای تجارت مرزی</div></div>';}
700  document.getElementById('formulas').innerHTML=boxes||'<div style="color:var(--fx-muted);font-size:.78rem">در حال بارگذاری...</div>';
701}
702
703/* ══ آمار دالر ══ */
704function updateStats(){
705  var r=RATES.usd;if(!r)return;
706  var sp=r.r*0.003;
707  document.getElementById('st-cur').textContent=fSmart(r.r)+' ؋';
708  var ce=document.getElementById('st-ch');
709  ce.textContent=(r.ch>=0?'+':'')+r.ch+'Ùª';
710  ce.className='val '+(r.ch>=0?'up':'dn');
711  document.getElementById('st-hi').textContent=fSmart(r.r+sp)+' ؋';
712  document.getElementById('st-lo').textContent=fSmart(r.r-sp)+' ؋';
713}
714
715/* ══ نمودار ══ */
716function buildChart(cur){
717  chartCur=cur;
718  var r=RATES[cur];if(!r)return;
719  var m=CUR_META[cur]||{};
720  document.getElementById('chart-cur-label').textContent=m.name||cur;
721  var labels=[],data=[],base=r.r;
722  for(var i=29;i>=0;i--){
723    var d=new Date();d.setDate(d.getDate()-i);
724    labels.push(shLabel(d));
725    var noise=(Math.random()-.5)*0.008*base;
726    var trend=(29-i)/29*(r.ch/100)*base;
727    data.push(+(base-trend+noise).toFixed(4));
728  }
729  data[data.length-1]=+base.toFixed(4);
730  var ctx=document.getElementById('fxChart').getContext('2d');
731  if(fxChart)fxChart.destroy();
732  var up=r.ch>=0;
733  var color=up?'#00e87a':'#ff4466';
734  fxChart=new Chart(ctx,{
735    type:'line',
736    data:{labels:labels,datasets:[{
737      data:data,borderColor:color,
738      backgroundColor:up?'rgba(0,232,122,.07)':'rgba(255,68,102,.07)',
739      borderWidth:2,pointRadius:0,pointHoverRadius:3,fill:true,tension:.35
740    }]},
741    options:{
742      responsive:true,maintainAspectRatio:false,
743      plugins:{legend:{display:false},tooltip:{
744        backgroundColor:'#0c1a0e',borderColor:color,borderWidth:1,
745        rtl:true,bodyFont:{family:'Vazirmatn'},titleFont:{family:'Vazirmatn'},
746        titleColor:color,bodyColor:'#e4ede7',
747        callbacks:{label:function(c){return ' '+fSmart(c.raw)+' افغانی';}}
748      }},
749      scales:{
750        x:{ticks:{font:{family:'Vazirmatn',size:9},maxTicksLimit:7,color:'#5c7d66'},grid:{color:'rgba(26,48,32,.5)',drawBorder:false}},
751        y:{position:'right',ticks:{font:{family:'Vazirmatn',size:9},color:'#5c7d66',callback:function(v){return f(v,0);}},grid:{color:'rgba(26,48,32,.5)',drawBorder:false}}
752      }
753    }
754  });
755}
756
757function setChart(cur,btn){
758  document.querySelectorAll('.ctab2').forEach(function(b){b.classList.remove('on');});
759  btn.classList.add('on');
760  buildChart(cur);
761}
762
763/* ══ کریپتو و طلا از Binance ══ */
764function loadCrypto(){
765  fetch('https://api.binance.com/api/v3/ticker/24hr?symbols=["BTCUSDT","ETHUSDT","PAXGUSDT"]')
766    .then(function(r){return r.json();})
767    .then(function(data){
768      var metals='',crypto='';
769      data.forEach(function(d){
770        var price=parseFloat(d.lastPrice),ch=parseFloat(d.priceChangePercent),up=ch>=0;
771        var row=function(icon,name,code){
772          var disp=price>=100?'$'+price.toLocaleString('en',{maximumFractionDigits:0}):'$'+price.toFixed(2);
773          return '<div class="fx-row"><div class="fx-flag" style="font-size:1.1rem">'+icon+'</div>'
774            +'<div class="fx-info"><div class="fx-name">'+name+'</div><div class="fx-code">'+code+'/USD</div></div>'
775            +'<div class="fx-right"><div class="fx-price" style="font-size:.82rem">'+disp+'</div>'
776            +'<div class="fx-ch '+(up?'up':'dn')+'">'+(up?'▲ +':'▼ ')+Math.abs(ch).toFixed(2)+'٪</div></div></div>';
777        };
778        if(d.symbol==='PAXGUSDT')metals+=row('🥇','طلا (اونس)','PAXG');
779        if(d.symbol==='BTCUSDT') crypto+=row('₿','بیت‌کوین','BTC');
780        if(d.symbol==='ETHUSDT') crypto+=row('Ξ','اتریوم','ETH');
781      });
782      var me=document.getElementById('r-metals');
783      var cr=document.getElementById('r-crypto');
784      if(me&&metals)me.innerHTML=metals;
785      if(cr&&crypto)cr.innerHTML=crypto;
786    })
787    .catch(function(){
788      var me=document.getElementById('r-metals');
789      if(me)me.innerHTML='<div style="padding:10px 14px;color:var(--fx-muted);font-size:.78rem">Binance در دسترس نیست</div>';
790    });
791}
792
793/* ══ تبدیل اسعار ══ */
794function buildConvForm(){
795  var allKeys=Object.keys(CUR_META);
796  var selOpts=allKeys.map(function(k){var m=CUR_META[k];return'<option value="'+k+'">'+m.flag+' '+m.code+' — '+m.name+'</option>';}).join('');
797  var f2=document.getElementById('cform');
798  if(cMode==='to_afn'){
799    f2.innerHTML='<div class="conv-row"><div class="conv-field" style="flex:1"><label>مبلغ</label><input type="number" id="ci-amt" value="1" min="0" oninput="doConv()"></div>'
800      +'<div class="conv-field" style="flex:1.5"><label>اسعار</label><select id="ci-cur" onchange="doConv()">'+selOpts+'</select></div></div>'
801      +'<button class="conv-btn" onclick="doConv()">محاسبه ←</button>';
802  } else if(cMode==='from_afn'){
803    f2.innerHTML='<div class="conv-row"><div class="conv-field" style="flex:1"><label>مبلغ (افغانی)</label><input type="number" id="ci-amt" value="1000" min="0" oninput="doConv()"></div>'
804      +'<div class="conv-field" style="flex:1.5"><label>به اسعار</label><select id="ci-cur" onchange="doConv()">'+selOpts+'</select></div></div>'
805      +'<button class="conv-btn" onclick="doConv()">محاسبه ←</button>';
806  } else {
807    f2.innerHTML='<div class="conv-row">'
808      +'<div class="conv-field"><label>مبلغ</label><input type="number" id="ci-amt" value="100" min="0" oninput="doConv()"></div>'
809      +'<div class="conv-field"><label>از</label><select id="ci-cur" onchange="doConv()">'+selOpts+'</select></div>'
810      +'<div class="conv-field"><label>به</label><select id="ci-cur2" onchange="doConv()">'+selOpts.replace('value="eur"','value="eur" selected')+'</select></div>'
811      +'</div>'
812      +'<button class="conv-btn" onclick="doConv()">محاسبه ←</button>';
813  }
814}
815
816function setCMode(m,btn){
817  cMode=m;
818  document.querySelectorAll('.ctab').forEach(function(b){b.classList.remove('on');});
819  btn.classList.add('on');
820  document.getElementById('crb').classList.remove('show');
821  buildConvForm();
822}
823
824function setCurInConv(k){
825  var sel=document.getElementById('ci-cur');
826  if(sel){sel.value=k;doConv();}
827}
828
829function setAmt(n){
830  var inp=document.getElementById('ci-amt');
831  if(inp){inp.value=n;doConv();}
832}
833
834function doConv(){
835  var amt=parseFloat(document.getElementById('ci-amt')?.value)||0;
836  var k=document.getElementById('ci-cur')?.value;
837  var k2=document.getElementById('ci-cur2')?.value;
838  var crb=document.getElementById('crb');
839  var r=RATES[k],m=CUR_META[k];
840  if(!r||!m){crb.classList.remove('show');return;}
841
842  var res,fromTxt,mainTxt,subs=[];
843  if(cMode==='to_afn'){
844    res=amt*r.r;
845    fromTxt=f(amt,0)+' '+m.code+' ('+m.name+')';
846    mainTxt=f(res,res>=100?0:2)+' افغانی';
847    subs.push('<span>نرخ: <strong>۱ '+m.code+' = '+fSmart(r.r)+' ؋</strong></span>');
848    subs.push('<span>خرید: <strong>'+fSmart(r.r*.997)+'</strong> · فروش: <strong>'+fSmart(r.r*1.003)+'</strong></span>');
849  } else if(cMode==='from_afn'){
850    res=amt/r.r;
851    fromTxt=f(amt,0)+' افغانی';
852    mainTxt=fSmart(res)+' '+m.code;
853    subs.push('<span>نرخ: <strong>'+fSmart(r.r)+' ؋ = ۱ '+m.code+'</strong></span>');
854  } else {
855    var r2=RATES[k2],m2=CUR_META[k2];
856    if(!r2||!m2){crb.classList.remove('show');return;}
857    res=amt*r.r/r2.r;
858    fromTxt=f(amt,0)+' '+m.code+' ← '+m2.code;
859    mainTxt=fSmart(res)+' '+m2.code;
860    subs.push('<span>از طریق افغانی: <strong>'+f(amt*r.r,0)+' ؋</strong></span>');
861  }
862  document.getElementById('crb-from').textContent=fromTxt;
863  document.getElementById('crb-main').textContent=mainTxt;
864  document.getElementById('crb-subs').innerHTML=subs.join('');
865  crb.classList.add('show');
866}
867
868/* ══ شروع ══ */
869loadRates();
870setInterval(loadRates,900000);     // هر ۱۵ دقیقه
871setInterval(loadCrypto,60000);     // کریپتو هر دقیقه
872</script>
872
873
874</div><!-- /fx-page -->
875
876<!-- ══ MOBILE BOTTOM NAV ══ -->
877<nav class="mobnav">
878  <div class="mnin">
879    <a href="/" class="mnb "><span class="mni">🏠</span><span class="mnl">خانه</span></a>
880    <a href="/pages/sports/" class="mnb " style="color:var(--t2)"><span class="mni">⚽</span><span class="mnl" style="font-size:10px;">ورزش</span></a>
881    <a href="/pages/khadamat/ai/" class="mnb sp"><span class="mni">🤖</span><span class="mnl">هوشمند</span></a>
882    <a href="/learn/pashto/" class="mnb" style="color:var(--t2)"><span class="mni">📚</span><span class="mnl" style="font-size:10px;">آموزش</span></a>
883    <a href="/wolayat/" class="mnb" style="color:var(--t2)"><span class="mni">🗺️</span><span class="mnl" style="font-size:10px;">ولایات</span></a>
884  </div>
885</nav>
886
887<!-- ══ NOTICE ══ -->
888<div style="background:linear-gradient(135deg,#92400e,#d97706);padding:14px 20px;text-align:center;border-top:3px solid #f59e0b;border-bottom:3px solid #f59e0b">
889  <div style="font-size:15px;font-weight:900;color:#fff;margin-bottom:5px">⚠️ پورتال در مرحله آزمایشی است</div>
890  <div style="font-size:12px;color:rgba(255,255,255,.85);font-weight:600;margin-bottom:8px">به زودی تکمیل خواهد شد — نظرات و پیشنهادات شما مهم است</div>
891  <a href="https://wa.me/33646352187" target="_blank" style="display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:800;text-decoration:none">
892    <svg width="16" height="16" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
893    پیشنهادات خود را در واتساپ بفرستید
894  </a>
895</div>
896
897<!-- ══ BOTTOM BANNERS ══ -->
898<div style="background:#f8faf9;border-top:1px solid #dde8e3;padding:20px 16px;display:flex;flex-direction:column;gap:12px">
899  <a href="/topup" style="display:block;text-decoration:none">
900    <div style="background:linear-gradient(135deg,#051a0f,#0a3d2b,#1D9E75);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden">
901      <div style="position:absolute;inset:0;opacity:.05;background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:12px 12px"></div>
902      <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
903        <div style="flex:1;
903min-width:200px">
904          <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:10px">
905            <span style="width:7px;height:7px;border-radius:50%;background:#4ecb95;display:inline-block;animation:pulse 2s infinite"></span>
906            ۱۰۰٪ وطنی · فوری · مطمئن
907          </div>
908          <div style="font-size:18px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:6px">📱 شارژ موبایل افغانستان<br><span style="color:#4ecb95">از هر کجای دنیا</span></div>
909          <div style="font-size:12px;color:rgba(255,255,255,.75);line-height:1.6">Roshan · AWCC · Etisalat · Salaam · ATOMA<br>پرداخت با کارت بانکی · تحویل در ۶۰ ثانیه</div>
910        </div>
911        <div style="display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0">
912          <div style="background:#4ecb95;color:#0a3d2b;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(78,203,149,.4)">ارسال شارژ ←</div>
913          <div style="display:flex;gap:8px">
914            <div style="background:rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.8)">$1 تا $50</div>
915            <div style="background:rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.8)">🔒 امن</div>
916          </div>
917        </div>
918      </div>
919    </div>
920  </a>
921  <a href="https://asoda.app/" target="_blank" style="display:block;text-decoration:none">
922    <div style="background:linear-gradient(135deg,#e8f8f0,#f0fdf7);border-radius:14px;padding:16px 20px;border:1px solid #a7dfc0;display:flex;align-items:center;justify-content:space-between;gap:12px">
923      <div>
924        <div style="font-size:13px;font-weight:900;color:#0d7a45;margin-bottom:3px">🏠 در جستجوی خانه هستید؟</div>
925        <div style="font-size:11px;color:#2d6a4f">اجاره و فروش ملک در افغانستان — سریع و آسان</div>
926      </div>
927      <div style="background:#00c950;color:#fff;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(0,201,80,.3)">جستجو در آسوده ←</div>
928    </div>
929  </a>
930</div>
931
932<!-- ══ FOOTER ══ -->
933<footer id="ftr">
934  <div class="ftn">پورتال ملی <em>افغانستان</em></div>
935  <div class="fts">🤍 با افتخار ساخت افغانستان برای افغان‌ها</div>
936  <nav class="ft-nav">
937    <a href="/">خانه</a>
938    <a href="/pages/akhbar/">د شاهد خبرونه</a>
939    <a href="/pages/arz/">نرخ ارز</a>
940    <a href="/pages/hawa/">آب‌وهوا</a>
941    <a href="/pages/namaz/">اوقات نماز</a>
942    <a href="/pages/parwaz/">پروازها</a>
943    <a href="/pages/quran/">قرآن</a>
944    <a href="/pages/taqwim/">تقویم</a>
945    <a href="/pages/abzar/">ابزارها</a>
946    <a href="/pages/khadamat/">خدمات</a>
947    <a href="/wolayat/">ولایات</a>
948    <a href="/learn/pashto/">آموزش</a>
949    <a href="/pages/sports/">⚽ ورزش</a>
950    <a href="/pages/darbare/">درباره ما</a>
951  </nav>
952  <div class="ftc">© 2026 · afghanistan.af</div>
953</footer>
954
955<script src="/assets/js/main.js?v=1031"></script>
955
956</body>
957</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.