{% extends "freq/base_sky.html" %}
{% block title %}مقارنة باقات تردد - وضع الفني | نايل سات بالعربي{% endblock %}
{% block description %}قارن باقتي تردد قناة بقناة من بيانات موثقة: المشتركة والمنفردة وعدد البثوث المفتوحة.{% endblock %}
{% block content %}
<nav class="crumbs" aria-label="مسار التنقل"><a href="{% url 'home' %}">الرئيسية</a> - <a href="{% url 'technician' %}">وضع الفني</a> - مقارنة باقات</nav>
<section class="hero-card">
  <span class="kicker">مقارنة باقات</span>
  <h1>باقة ضد باقة، قناة بقناة</h1>
  <form method="get" class="filters">
    <label>الباقة الأولى
      <select name="a" required>
        <option value="">اختر باقة...</option>
        {% for tp in tps %}<option value="{{ tp.id }}" {% if a and a.tp.id == tp.id %}selected{% endif %}>{{ tp.satellite.name_ar }} - {{ tp.frequency }} {{ tp.polarity }} ({{ tp.symbol_rate }})</option>{% endfor %}
      </select></label>
    <label>الباقة التانية
      <select name="b" required>
        <option value="">اختر باقة...</option>
        {% for tp in tps %}<option value="{{ tp.id }}" {% if b and b.tp.id == tp.id %}selected{% endif %}>{{ tp.satellite.name_ar }} - {{ tp.frequency }} {{ tp.polarity }} ({{ tp.symbol_rate }})</option>{% endfor %}
      </select></label>
    <button class="btn" type="submit">قارن</button>
  </form>
</section>
{% if a and b %}
<section class="section">
  <div class="console-grid">
    <div class="console-cell"><span>{{ a.tp.satellite.name_ar }} {{ a.tp.frequency }} {{ a.tp.polarity }}</span><b>{{ a.channels|length }} قناة نشطة</b></div>
    <div class="console-cell"><span>{{ b.tp.satellite.name_ar }} {{ b.tp.frequency }} {{ b.tp.polarity }}</span><b>{{ b.channels|length }} قناة نشطة</b></div>
  </div>
  <div class="grid">
    <div class="mini"><b>قنوات {{ a.tp.frequency }} {{ a.tp.polarity }}</b>
      <ul>{% for bc in a.channels %}<li><a href="{% url 'channel_detail' bc.channel.slug %}">{{ bc.channel.name_ar }}</a> <span class="mut small">{{ bc.quality }} - {% if bc.encryption == 'free' %}مفتوحة{% else %}مشفرة{% endif %}</span></li>{% endfor %}</ul></div>
    <div class="mini"><b>قنوات {{ b.tp.frequency }} {{ b.tp.polarity }}</b>
      <ul>{% for bc in b.channels %}<li><a href="{% url 'channel_detail' bc.channel.slug %}">{{ bc.channel.name_ar }}</a> <span class="mut small">{{ bc.quality }} - {% if bc.encryption == 'free' %}مفتوحة{% else %}مشفرة{% endif %}</span></li>{% endfor %}</ul></div>
  </div>
</section>
{% endif %}
{% endblock %}