{% extends "freq/base_sky.html" %}
{% load static %}
{% block title %}{{ problem.title }} - أسباب وحلول | نايل سات بالعربي{% endblock %}
{% block description %}{{ problem.answer|truncatechars:150 }}{% 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="{{ problem.title }} - أسباب وحلول">
<meta property="og:description" content="{{ problem.answer|truncatechars:140 }}">
<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 %}
<nav class="crumbs" aria-label="مسار التنقل"><a href="{% url 'home' %}">الرئيسية</a> - <a href="{% url 'guides' %}">أدلة الاستقبال</a> - {{ problem.title }}</nav>

<section class="hero-card">
  <span class="kicker">مكتبة مشاكل الإشارة</span>
  <h1>{{ problem.title }}</h1>
  <p class="lead">{{ problem.answer }}</p>
</section>

<section class="section">
  <h2>الأسباب المحتملة</h2>
  <ul>
    {% for c in problem.causes %}<li>{{ c }}</li>{% endfor %}
  </ul>
</section>

<section class="section">
  <h2>خطوات الحل بالترتيب</h2>
  <ol class="steps">
    {% for s in problem.steps %}<li>{{ s }}</li>{% endfor %}
  </ol>
  <p><a class="btn" href="{% url 'troubleshoot' %}">شخّص مشكلتك بالفاحص التفاعلي</a>
     <a class="btn ghost" href="{% url 'dish_calculator' %}">حاسبة توجيه الطبق</a>
     <a class="btn ghost" href="{% url 'changes' %}">سجل تغييرات الترددات</a></p>
</section>

<section class="section">
  <h2>مشاكل تانية شائعة</h2>
  <div class="grid">
    {% for p in others %}
    <a class="mini" href="{% url 'guide_problem' p.slug %}"><b>{{ p.title }}</b></a>
    {% endfor %}
  </div>
</section>
{% endblock %}