{% extends "freq/base_sky.html" %}
{% load static %}
{% block title %}حاسبة توجيه الطبق للنايل سات والعرب سات حسب محافظتك - نايل سات بالعربي{% endblock %}
{% block description %}احسب زاوية اتجاه الطبق وارتفاعه وميل الـ LNB لقمر النايل سات 7 غرب والعرب سات بدر 26 شرق حسب محافظتك في مصر، مع تردد ضبط مقترح موثق لكل قمر.{% endblock %}
{% block social_meta %}
<meta property="og:type" content="website">
<meta property="og:locale" content="ar_EG">
<meta property="og:site_name" content="نايل سات بالعربي">
<meta property="og:title" content="حاسبة توجيه الطبق">
<meta property="og:description" content="زوايا واتجاه ضبط الطبق لنايل سات وعرب سات حسب محافظتك مع بوصلة تفاعلية.">
<meta property="og:url" content="{{ request.scheme }}://{{ request.get_host }}{{ request.path }}">
<meta property="og:image" content="{{ request.scheme }}://{{ request.get_host }}{% static 'freq/og-default.jpg' %}">
<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
{% endblock %}
{% block extra_head %}<script type="application/ld+json">{{ organization_ld|safe }}</script>
<script type="application/ld+json">{{ breadcrumb_ld|safe }}</script>{% endblock %}
{% block content %}
<section class="hero">
  <h1>حاسبة توجيه الطبق</h1>
  <p class="lead">اختار محافظتك وقمرك وهنديك: اتجاه الطبق (الأزيموث من الشمال)، زاوية الارتفاع، وميل الـ LNB - وبعدها ظبط على تردد الضبط المقترح لحد ما الجودة تعلى. الأرقام محسوبة فلكيا من إحداثيات عاصمة المحافظة والظبط النهائي دايما على مؤشر جودة الإشارة.</p>
  <p>
    <label>المحافظة <select id="d-city"></select></label>
    <label>القمر <select id="d-sat">
      <option value="nilesat">نايل سات 7° غرب</option>
      <option value="arabsat">عرب سات (بدر) 26° شرق</option>
    </select></label>
  </p>
  <div id="d-out"></div>
</section>
<section class="hero">
  <h2>ترددات ضبط مقترحة (الأكثر قنوات مفتوحة موثقة عندنا)</h2>
  <p class="small mut">اختيار عملي للضبط: التردد اللي شايل أكبر عدد قنوات مفتوحة موثقة عندنا، فهو مناسب كتردد اختبار أثناء التوجيه. ده مش قياس لقوة إشارة - قوة الاستقبال الفعلية بتتحدد بمؤشر الجودة على جهازك ومكانك.</p>
  {% for slug, s in strongest.items %}
  <p><b>{{ s.sat }}:</b> التردد <span class="num">{{ s.freq }}</span> {{ s.pol }} - الترميز <span class="num">{{ s.sr }}</span>{% if s.fec %} - التصحيح <span class="num">{{ s.fec }}</span>{% endif %} ({{ s.free_n }} بث مفتوح نشط)</p>
  {% endfor %}
  <h2>خطوات التوجيه العملية</h2>
  <p>1) ثبّت القعدة عمودية تماما بميزان مية - أي ميل بيبوظ الحسابات. 2) وجّه الطبق ناحية الأزيموث بالبوصلة (خليك بعيد عن الحديد والموبايل وانت بتقيس). 3) اضبط الارتفاع من تدريج القعدة. 4) ادخل تردد الضبط في الرسيفر وحرّك الطبق مللي مللي يمين وشمال لحد أعلى جودة، بعدها اضبط ميل الـ LNB. 5) شد المسامير بالتناوب وراقب إن الجودة متقلش.</p>
  <p>مش عايز تطلع السطح؟ <a href="{% url 'directory' %}">فني دش من محافظتك</a> - أو شخّص مشكلتك الأول في <a href="{% url 'troubleshoot' %}">فاحص الإشارة</a>.</p>
</section>
<script>
(function () {
  const CITIES = {{ cities_json|safe }};
  const citySel = document.getElementById("d-city");
  const satSel = document.getElementById("d-sat");
  const out = document.getElementById("d-out");
  CITIES.forEach((c) => { const o = document.createElement("option"); o.value = c.slug; o.textContent = c.name; citySel.appendChild(o); });
  if (CITIES.some((c) => c.slug === "cairo")) citySel.value = "cairo";
  const STRONG = {{ strongest_json|safe }};
  function look(lat, lon, satLon) {
    const la = lat * Math.PI / 180, lo = lon * Math.PI / 180, sl = satLon * Math.PI / 180;
    const S = [Math.cos(sl), Math.sin(sl), 0];
    const O = [Math.cos(la) * Math.cos(lo), Math.cos(la) * Math.sin(lo), Math.sin(la)];
    const L = S.map((s, i) => s - 0.15127 * O[i]);
    const E = [-Math.sin(lo), Math.cos(lo), 0];
    const N = [-Math.sin(la) * Math.cos(lo), -Math.sin(la) * Math.sin(lo), Math.cos(la)];
    const dot = (a, b) => a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
    const e = dot(L, E), n = dot(L, N), u = dot(L, O);
    const az = (Math.atan2(e, n) * 180 / Math.PI + 360) % 360;
    const el = Math.atan2(u, Math.hypot(e, n)) * 180 / Math.PI;
    const dlon = (satLon - lon) * Math.PI / 180;
    const skew = Math.atan(Math.sin(dlon) / Math.tan(la)) * 180 / Math.PI;
    return { az, el, skew };
  }
  function compass(az) {
    const dirs = ["شمال", "شمال شرق", "شرق", "جنوب شرق", "جنوب", "جنوب غرب", "غرب", "شمال غرب"];
    return dirs[Math.round(az / 45) % 8];
  }
  const NS = "http://www.w3.org/2000/svg";
  function svgEl(tag, attrs) { const n = document.createElementNS(NS, tag); for (const k in attrs) n.setAttribute(k, attrs[k]); return n; }
  function buildDial(az) {
    const svg = svgEl("svg", { viewBox: "0 0 190 190", class: "dial", role: "img", "aria-label": "بوصلة اتجاه الطبق" });
    svg.appendChild(svgEl("circle", { cx: 95, cy: 95, r: 88, class: "ring" }));
    [[95, 10, "N"], [180, 99, "E"], [95, 186, "S"], [10, 99, "W"]].forEach(([x, y, t]) => {
      const tx = svgEl("text", { x, y, "text-anchor": "middle" }); tx.textContent = t; svg.appendChild(tx);
    });
    for (let d = 0; d < 360; d += 45) {
      const rad = d * Math.PI / 180, r1 = 74, r2 = 82;
      svg.appendChild(svgEl("line", { x1: 95 + r1 * Math.sin(rad), y1: 95 - r1 * Math.cos(rad), x2: 95 + r2 * Math.sin(rad), y2: 95 - r2 * Math.cos(rad), class: "tick" }));
    }
    const needle = svgEl("line", { x1: 95, y1: 95, x2: 95, y2: 32, class: "needle", transform: `rotate(${az.toFixed(1)} 95 95)` });
    svg.appendChild(needle);
    svg.appendChild(svgEl("circle", { cx: 95, cy: 95, r: 5, class: "hub" }));
    return svg;
  }
  function cell(label, value) {
    const d = document.createElement("div"); d.className = "dv";
    const s = document.createElement("span"); s.textContent = label;
    const b = document.createElement("b"); b.textContent = value;
    d.append(s, b); return d;
  }
  function render() {
    const city = CITIES.find((c) => c.slug === citySel.value) || CITIES[0];
    const info = STRONG[satSel.value];
    out.textContent = "";
    if (!info || info.lon === null || !city) return;
    const r = look(city.lat, city.lon, info.lon);
    const skewDir = r.skew < 0 ? "عكس اتجاه عقارب الساعة" : "مع اتجاه عقارب الساعة";
    const bc = document.createElement("div"); bc.className = "bc";
    const ans = document.createElement("div"); ans.className = "answer";
    ans.textContent = `${info.sat} من ${city.name}:`;
    bc.appendChild(ans);
    const wrap = document.createElement("div"); wrap.className = "dial-wrap";
    wrap.appendChild(buildDial(r.az));
    const vals = document.createElement("div"); vals.className = "dial-vals";
    vals.append(
      cell("الاتجاه (أزيموث)", `${r.az.toFixed(1)}° (${compass(r.az)})`),
      cell("الارتفاع", `${r.el.toFixed(1)}°`),
      cell("ميل الـ LNB", `${Math.abs(r.skew).toFixed(1)}° ${skewDir}`),
      cell("تردد الضبط", `${info.freq} ${info.pol} ${info.sr}`)
    );
    wrap.appendChild(vals);
    bc.appendChild(wrap);
    const note = document.createElement("p"); note.className = "meta";
    note.textContent = "زوايا تقريبية للإرشاد - الظبط النهائي على أعلى جودة إشارة. البوصلة المغناطيسية في مصر تنحرف بضع درجات عن الشمال الحقيقي، فابدأ من الرقم وحرّك ببطء حوالينه.";
    bc.appendChild(note);
    out.appendChild(bc);
  }
  citySel.addEventListener("change", render);
  satSel.addEventListener("change", render);
  render();
})();
</script>
{% endblock %}