{% extends "freq/base_sky.html" %}
{% load static freq_extras %}
{% block title %}{{ page_title }} - نايل سات بالعربي{% endblock %}
{% block description %}{{ meta_description }}{% endblock %}
{% block robots %}{% if channel.is_pilot %}<meta name="robots" content="index,follow,max-image-preview:large">{% else %}<meta name="robots" content="noindex,follow">{% endif %}{% 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="{{ page_title }}">
<meta property="og:description" content="{{ meta_description }}">
<meta property="og:url" content="{{ request.scheme }}://{{ request.get_host }}{{ request.path }}">
{% if og_image %}<meta property="og:image" content="{{ og_image }}">
<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="{{ og_image }}">{% else %}<meta name="twitter:card" content="summary">{% endif %}
<meta name="twitter:title" content="{{ page_title }}">
<meta name="twitter:description" content="{{ meta_description }}">
{% 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 %}
<nav class="crumbs" aria-label="مسار الصفحة">
  <a href="{% url 'home' %}">الرئيسية</a> -
  {% if channel.category %}<a href="{% url 'category_detail' channel.category.slug %}">{{ channel.category.name }}</a> - {% endif %}
  <span>{{ channel.name_ar }}</span>
</nav>

<article>
  <section class="hero-card">
    <div class="kicker">{{ kind_ar }}{% if channel.is_pilot %} - ضمن الإطلاق التجريبي{% endif %}</div>
    <h1>تردد قناة {{ channel.name_ar }} على {{ satellite_phrase }}</h1>
    {% for line in answer_lines %}<p class="answer">{{ line }}</p>{% endfor %}
    <div class="chips">
      {% if channel.category %}<a class="chip gold" href="{% url 'category_detail' channel.category.slug %}">التصنيف: {{ channel.category.name }}</a>{% endif %}
      {% if channel.network %}<a class="chip" href="{% url 'network_detail' channel.network.slug %}">الباقة: {{ channel.network.name }}</a>{% endif %}
      {% if channel.country %}<span class="chip">الدولة: {{ channel.country.name }}</span>{% endif %}
      <span class="chip">عدد البثوث النشطة: {{ broadcasts|length }}</span>
      <span class="chip">آخر تحقق: {{ latest_verified }}</span>
      <span class="chip">تحرير: <span dir="ltr">{{ EDITOR_NAME }}</span></span>
    </div>
  </section>

  <section class="section">
    <h2>عن قناة {{ channel.name_ar }}</h2>
    {% if channel.summary %}<p>{{ channel.summary|linebreaksbr }}</p>{% endif %}
    <div class="fact-strip" aria-label="حقائق سريعة عن القناة">
      {% if channel.category %}<div class="console-cell"><span>التصنيف</span><b>{{ channel.category.name }}</b></div>{% endif %}
      {% if channel.network %}<div class="console-cell"><span>الباقة / الشبكة</span><b>{{ channel.network.name }}</b></div>{% endif %}
      {% if channel.country %}<div class="console-cell"><span>الدولة</span><b>{{ channel.country.name }}</b></div>{% endif %}
      <div class="console-cell"><span>بثوث نشطة موثقة</span><b class="num">{{ broadcasts|length }}</b></div>
      <div class="console-cell"><span>الأقمار</span><b>{% for b in broadcasts %}{{ b.transponder.satellite.name_ar }}{% if not forloop.last %} - {% endif %}{% endfor %}</b></div>
      <div class="console-cell"><span>الجودات</span><b>{% for b in broadcasts %}{{ b.quality }}{% if not forloop.last %} - {% endif %}{% endfor %}</b></div>
      <div class="console-cell"><span>آخر تحقق</span><b class="num">{{ latest_verified }}</b></div>
    </div>
    {% if channel.official_website %}<p class="small"><a href="{{ channel.official_website }}" rel="noopener nofollow" target="_blank">الموقع الرسمي للقناة</a></p>{% endif %}
  </section>

  {% if primary %}
  <section class="console" id="console" aria-label="كونسول التردد">
    <div class="console-head">
      {% if channel.logo_path %}<img src="{{ channel.logo_path }}" alt="شعار قناة {{ channel.name_ar }}" loading="lazy">{% endif %}
      <span class="kicker" style="margin:0">كونسول التردد - اختر البث وانسخ أي قيمة</span>
      {% if broadcasts|length > 1 %}
      <div class="console-tabs" role="tablist">
        {% for b in broadcasts %}<button type="button" role="tab" data-tab="{{ forloop.counter0 }}" class="{% if forloop.first %}on{% endif %}">{{ b.transponder.satellite.name_ar }} - {{ b.quality }}</button>{% endfor %}
      </div>
      {% endif %}
    </div>
    {% for b in broadcasts %}
    <div class="console-panel" data-panel="{{ forloop.counter0 }}"{% if not forloop.first %} hidden{% endif %}>
      <div class="console-freq"><span dir="ltr">{{ b.transponder.frequency }}</span> <small>{{ b.transponder.polarity|pol_ar }} ({{ b.transponder.polarity }}) - {{ b.transponder.satellite.name_ar }}</small></div>
      <div class="console-grid">
        <div class="console-cell"><span>الترميز (SR)</span><b class="num">{{ b.transponder.symbol_rate }}</b><button class="copy copy-btn" type="button" data-copy="{{ b.transponder.symbol_rate }}">نسخ</button></div>
        <div class="console-cell"><span>معامل التصحيح (FEC)</span><b>{{ b.transponder.fec|default:"غير مسجل" }}</b>{% if b.transponder.fec %}<button class="copy copy-btn" type="button" data-copy="{{ b.transponder.fec }}">نسخ</button>{% endif %}</div>
        <div class="console-cell"><span>المعيار</span><b>{{ b.transponder.standard|default:"-" }}</b></div>
        <div class="console-cell"><span>الجودة</span><b>{{ b.quality }}</b></div>
        <div class="console-cell"><span>التشفير</span><b>{{ b.encryption|enc_ar }}</b></div>
        <div class="console-cell"><span>آخر تحقق</span><b class="num">{{ b.last_verified|default:"-" }}</b></div>
      </div>
      <div class="console-actions">
        <button class="btn primary copy-btn" type="button" data-copy="{{ channel.name_ar }} - {{ b.transponder.satellite.name_ar }}: التردد {{ b.transponder.frequency }} {{ b.transponder.polarity|pol_ar }} - الترميز {{ b.transponder.symbol_rate }} - {{ b.quality }} - {{ b.encryption|enc_ar }} (نايل سات بالعربي)">نسخ التردد كامل</button>
        <button class="btn card-btn" type="button" data-b="{{ forloop.counter0 }}">كارت مشاركة</button>
        <button class="btn" type="button" data-mylist="{{ channel.slug }}">+ قائمتي</button>
        <button class="btn" type="button" data-follow="{{ channel.slug }}" data-state="off" onclick="__nnFollow(this)">🔔 تابع القناة ونبّهني عند أي تغيير</button>
        <a class="btn" href="{% url 'transponder_detail' b.transponder.satellite.slug b.transponder.frequency b.transponder.polarity %}">كل قنوات هذا التردد</a>
      </div>
    </div>
    {% endfor %}
  </section>
  {% endif %}

  <section class="section" id="frequencies">
    <h2>جدول ترددات {{ channel.name_ar }} الكامل</h2>
    <div class="table-wrap">
      <table class="ft">
        <thead><tr><th>Frequency</th><th>Polarization</th><th>Symbol Rate</th><th>FEC</th><th>Standard</th><th>Quality</th><th>Encryption</th><th>Satellite</th><th>Last verified</th></tr></thead>
        <tbody>
        {% for b in broadcasts %}
          <tr>
            <td class="num">{{ b.transponder.frequency }}</td>
            <td>{{ b.transponder.polarity|pol_ar }} ({{ b.transponder.polarity }})</td>
            <td class="num">{{ b.transponder.symbol_rate }}</td>
            <td>{{ b.transponder.fec|default:"غير مسجل" }}</td>
            <td>{{ b.transponder.standard|default:"-" }}</td>
            <td>{{ b.quality }}</td>
            <td>{{ b.encryption|enc_ar }}</td>
            <td>{{ b.transponder.satellite.name_ar }} ({{ b.transponder.satellite.orbital_position }})</td>
            <td>{{ b.last_verified }}</td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
    {% for b in broadcasts %}
    <div class="actions">
      <button class="btn copy-btn" type="button" data-copy="{{ channel.name_ar }} - {{ b.transponder.satellite.name_ar }}: التردد {{ b.transponder.frequency }} {{ b.transponder.polarity|pol_ar }} - الترميز {{ b.transponder.symbol_rate }} - {{ b.quality }} - {{ b.encryption|enc_ar }} (نايل سات بالعربي)">نسخ تردد {{ b.transponder.frequency }}</button>
      <button class="btn card-btn" type="button" data-b="{{ forloop.counter0 }}">كارت مشاركة لهذا التردد</button>
      <a class="btn" href="{% url 'transponder_detail' b.transponder.satellite.slug b.transponder.frequency b.transponder.polarity %}">كل قنوات هذا التردد</a>
    </div>
    {% endfor %}
  </section>

  {% ad_slot 'channel_incontent' %}

  <section class="section">
    <h2>خطوات ضبط {{ channel.name_ar }} على الرسيفر</h2>
    <ol class="steps">
      <li>افتح قائمة التركيب أو البحث اليدوي في الرسيفر، واختر قمر {{ primary.transponder.satellite.name_ar }} ({{ primary.transponder.satellite.orbital_position }}).</li>
      <li>أدخل التردد <b class="num">{{ primary.transponder.frequency }}</b> والاستقطاب {{ primary.transponder.polarity|pol_ar }} ({{ primary.transponder.polarity }}).</li>
      <li>أدخل معدل الترميز <b class="num">{{ primary.transponder.symbol_rate }}</b>{% if primary.transponder.fec %} ومعامل التصحيح {{ primary.transponder.fec }}{% else %}، واترك معامل التصحيح تلقائيا لأن قيمته غير مسجلة في بياناتنا الموثقة لهذا البث{% endif %}.</li>
      <li>ابدأ البحث على هذا التردد فقط، ثم احفظ القناة بعد ظهورها باسم {{ channel.name_ar }}.</li>
      <li>لو عندك أكثر من بث في الجدول، جرّب البث الثاني بنفس الخطوات؛ اختلاف القمر أو الجودة أو التشفير موضح في كل سطر.</li>
      <li>لو لم تظهر القناة رغم صحة الأرقام، راجع قوة الإشارة وجودتها على هذا التردد قبل تغيير أي رقم - غالبا تكون المشكلة في الطبق أو العدسة لا في التردد.</li>
    </ol>
  </section>

  {% if grouped_peers %}
  <section class="section">
    <h2>قنوات على نفس تردد {{ channel.name_ar }}</h2>
    {% for tp, peers in grouped_peers.items %}
      <h3>تردد <span class="num">{{ tp.frequency }}</span> {{ tp.polarity|pol_ar }} على {{ tp.satellite.name_ar }}</h3>
      <div class="grid">
        {% for peer in peers|slice:":12" %}
          <a class="mini" href="{% url 'channel_detail' peer.slug %}"><h3>{{ peer.name_ar }} {% if peer.is_pilot %}<span class="pilot-badge">تجريبي</span>{% endif %}</h3><p>{{ peer.category.name|default:"قناة" }} - عرض كل الترددات والبيانات الموثقة</p></a>
        {% endfor %}
      </div>
      <p class="small"><a href="{% url 'transponder_detail' tp.satellite.slug tp.frequency tp.polarity %}">القائمة الكاملة لقنوات تردد {{ tp.frequency }} {{ tp.polarity }}</a></p>
    {% endfor %}
  </section>
  {% endif %}

  <section class="section">
    <h2>أسئلة شائعة عن تردد {{ channel.name_ar }}</h2>
    {% for q, a in faqs %}<div class="faq"><h3>{{ q }}</h3><p>{{ a }}</p></div>{% endfor %}
  </section>

  <section class="section">
    <h2>سجل تغييرات {{ channel.name_ar }}</h2>
    {% if history %}
      <ul class="history">
        {% for change in history %}<li><time datetime="{{ change.published_at|date:'c' }}">{{ change.published_at|date:"Y-m-d" }}</time><span>{{ change.public_text }}</span></li>{% endfor %}
      </ul>
    {% else %}
      <p>لا توجد تغييرات سابقة منشورة لهذه القناة في سجل المنصة حتى الآن. البيانات الحالية آخر تحقق لها بتاريخ {{ latest_verified }}، وأي تغيير لاحق لن يظهر هنا إلا بعد مراجعته واعتماده.</p>
    {% endif %}
    <p class="small mut">تحرير: <span dir="ltr">{{ EDITOR_NAME }}</span> - <a href="{% url 'methodology' %}">كيف نتحقق من الترددات ونصححها؟</a></p>
  </section>

  <section class="section">
    <h2>الإشارة ضعيفة أو القناة مش نازلة؟</h2>
    <p>لو الأرقام صح والإشارة لسه مش مظبوطة، المشكلة غالبا في الطبق أو العدسة أو السلك. شوف <a href="{% url 'directory' %}">دليل الفنيين والمحلات</a> واختار محافظتك لتجد فني قريب منك.</p>
  </section>

  {% ad_slot 'channel_sponsor' %}

  {% if network_channels %}
  <section class="section">
    <h2>قنوات أخرى من {{ channel.network.name }}</h2>
    <div class="grid">
      {% for peer in network_channels %}<a class="mini" href="{% url 'channel_detail' peer.slug %}"><h3>{{ peer.name_ar }}</h3><p>{{ peer.category.name|default:"قناة" }} ضمن نفس الباقة</p></a>{% endfor %}
    </div>
  </section>
  {% endif %}

  {% if related %}
  <section class="section">
    <h2>قنوات مشابهة في {{ channel.category.name }}</h2>
    <div class="grid">
      {% for peer in related %}<a class="mini" href="{% url 'channel_detail' peer.slug %}"><h3>{{ peer.name_ar }} {% if peer.is_pilot %}<span class="pilot-badge">تجريبي</span>{% endif %}</h3><p>ترددات موثقة على النايل سات وعرب سات</p></a>{% endfor %}
    </div>
  </section>
  {% endif %}
</article>

<div class="modal" id="cardModal" hidden>
  <div class="modal-in">
    <canvas id="cardCanvas" width="1080" height="1080"></canvas>
    <div class="modal-actions">
      <button type="button" class="main" onclick="downloadCard()">تنزيل الكارت</button>
      <button type="button" onclick="shareCardWA()">مشاركة واتساب</button>
      <button type="button" onclick="shareCardFB()">مشاركة فيسبوك</button>
      <button type="button" class="ghost" onclick="closeCard()">إغلاق</button>
    </div>
  </div>
</div>
{{ card_data|json_script:"card-data" }}
{% endblock %}
{% block extra_body %}
<script>window.VAPID_PUBLIC = "{{ vapid_public }}";</script>
<script src="{% static 'freq/push.js' %}"></script>
<script src="{% static 'freq/card.js' %}"></script>
<script>
(function(){
  var data = JSON.parse(document.getElementById("card-data").textContent);
  document.querySelectorAll(".card-btn").forEach(function(btn){
    btn.addEventListener("click", function(){ openCard(data.item, data.broadcasts[+btn.dataset.b]); });
  });
  document.querySelectorAll(".copy-btn").forEach(function(btn){
    btn.addEventListener("click", async function(){
      try { await navigator.clipboard.writeText(btn.dataset.copy); } catch(e) {}
      try { if (window.gtag) gtag("event", "copy_frequency", { channel: data.item.name_ar }); } catch(e) {}
      var old = btn.textContent; btn.textContent = "اتنسخ خلاص"; btn.classList.add("done");
      setTimeout(function(){ btn.textContent = old; btn.classList.remove("done"); }, 1800);
    });
  });
  document.querySelectorAll(".console-tabs [data-tab]").forEach(function(tab){
    tab.addEventListener("click", function(){
      document.querySelectorAll(".console-tabs [data-tab]").forEach(function(t){ t.classList.toggle("on", t === tab); });
      document.querySelectorAll(".console-panel").forEach(function(p){ p.hidden = p.dataset.panel !== tab.dataset.tab; });
    });
  });
})();
</script>
{% endblock %}