{% extends '_base.html' %}
{% load static %}

{% block title %}<title>{% if price_lines %}لیست قیمت اتصالات توپی برزیل {{ jyear }} | گالوانیزه و سیاه{% else %}{{ catalog.title }} | دانلود PDF{% endif %}</title>{% endblock %}

{% block meta %}
<meta name="description" content="{{ catalog.lead }} دانلود رایگان فایل PDF از سایت نماینده رسمی توپی برزیل در ایران.">
<meta name="keywords" content="{{ catalog.keywords }}">
<meta property="og:type" content="article">
<meta property="og:title" content="{{ catalog.title }} | دانلود PDF">
<meta property="og:description" content="{{ catalog.lead }}">
<meta property="og:image" content="{{ request.scheme }}://{{ request.get_host }}{% static 'img/og-image.webp' %}">
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "خانه", "item": "{{ request.scheme }}://{{ request.get_host }}/" },
    { "@type": "ListItem", "position": 2, "name": "کاتالوگ‌ها", "item": "{{ request.scheme }}://{{ request.get_host }}/catalogs" },
    { "@type": "ListItem", "position": 3, "name": "{{ catalog.title|escapejs }}" }
  ] }
</script>
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "DigitalDocument",
  "name": "{{ catalog.title|escapejs }}",
  "description": "{{ catalog.lead|escapejs }}",
  "inLanguage": "fa-IR",
  "encodingFormat": "application/pdf",
{% if catalog.url %}  "url": "{{ request.scheme }}://{{ request.get_host }}{{ catalog.url }}",{% endif %}
  "about": { "@type": "Brand", "name": "TUPY" },
  "publisher": { "@type": "Organization", "name": "اتصالات توپی برزیل", "url": "{{ request.scheme }}://{{ request.get_host }}/" },
  "isAccessibleForFree": true }
</script>
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "FAQPage",
  "mainEntity": [
    { "@type": "Question", "name": "چطور {{ catalog.title|escapejs }} را دانلود کنم؟",
      "acceptedAnswer": { "@type": "Answer", "text": "روی دکمه دانلود PDF در همین صفحه بزنید. فایل رایگان است و بدون ثبت‌نام دانلود می‌شود." } },
    { "@type": "Question", "name": "این کاتالوگ شامل چه اطلاعاتی است؟",
      "acceptedAnswer": { "@type": "Answer", "text": "{{ catalog.lead|escapejs }}" } },
    { "@type": "Question", "name": "قیمت روز اتصالات را از کجا ببینم؟",
      "acceptedAnswer": { "@type": "Answer", "text": "قیمت روز هر اتصال به تفکیک سایز در صفحه اختصاصی همان اتصال در بخش محصولات درج شده است و لیست قیمت کامل هم به صورت PDF قابل دانلود است." } }
  ] }
</script>
{% endblock %}

{% block content %}
<style>
.ct{max-width:1200px;margin:0 auto;padding:0 20px;direction:rtl}
.ct-crumb{font-size:14px;color:#c8d8ea;padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}
.ct-crumb a{color:#c8d8ea;text-decoration:none}.ct-crumb a:hover{color:#6ecff6}.ct-crumb .cur{color:#6ecff6}.ct-crumb .sep{color:#4a5a6e}
.ct-head{padding:30px 0 6px}
.ct-h1{font-size:38px;line-height:1.3;color:#fff;margin:0 0 16px}
.ct-lead{font-size:17px;line-height:2.1;color:#c8d8ea;margin:0;max-width:820px;text-align:justify}
.ct-rule{height:1px;background:#173059;margin:26px 0}
.ct-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:70px}
.ct-card{background:#061b3e;border:1px solid #1d3c68;border-radius:22px;padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.ct-card:before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--c)}
.ct-card:hover{border-color:var(--c);transform:translateY(-3px)}
.ct-name{font-size:21px;color:#fff;margin:0 0 10px}
.ct-desc{font-size:14.5px;line-height:2;color:#8fa3b8;margin:0 0 18px;flex:1 1 auto;text-align:justify}
.ct-acts{display:flex;gap:10px;flex-wrap:wrap}
.ct-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:8px;font-size:14.5px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.ct-btn.dl{background:var(--c);color:#041430;font-weight:700}
.ct-btn.dl:hover{filter:brightness(1.1)}
.ct-btn.more{border:1px solid #24446c;color:#c8d8ea}
.ct-btn.more:hover{border-color:var(--c);color:#fff}
.ct-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
.ct-list li{position:relative;padding-right:20px;color:#c8d8ea;font-size:15px;line-height:2}
.ct-list li:before{content:"";position:absolute;right:0;top:14px;width:7px;height:7px;border-radius:2px;background:var(--c)}
.ct-panel{background:#061b3e;border:1px solid #1d3c68;border-radius:24px;padding:30px;margin-bottom:24px}
.ct-meta{display:flex;gap:26px;flex-wrap:wrap;color:#8fa3b8;font-size:14px;margin-top:6px}
.ct-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ct-rel a{display:block;background:#061b3e;border:1px solid #1d3c68;border-radius:16px;padding:16px 18px;color:#c8d8ea;text-decoration:none;font-size:14.5px;transition:border-color .2s ease,color .2s ease}
.ct-rel a:hover{border-color:#6ecff6;color:#fff}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.ct-rel{grid-template-columns:1fr}.ct-h1{font-size:28px}}
</style>
<div class="ct" style="--c:{{ catalog.color }}">
  <div class="ct-crumb font-YekanRegular"><a href="/">خانه</a><span class="sep">/</span><a href="/catalogs">کاتالوگ‌ها</a><span class="sep">/</span><span class="cur">{{ catalog.short }}</span></div>
  <div class="ct-head">
    <h1 class="ct-h1 font-YekanExtraBold">{{ catalog.title }}</h1>
    <p class="ct-lead font-YekanRegular">{{ catalog.lead }}</p>
    <div class="ct-meta font-YekanRegular"><span>فرمت: PDF</span><span>زبان: فارسی / انگلیسی</span><span>دانلود رایگان</span></div>
  </div>
  <div class="ct-rule"></div>

  <div class="ct-panel" data-anim="up" style="--c:{{ catalog.color }}">
    <h2 class="ct-name font-YekanExtraBold">در این کاتالوگ چه می‌بینید؟</h2>
    <ul class="ct-list font-YekanRegular">
      {% for b in catalog.bullets %}<li>{{ b }}</li>{% endfor %}
    </ul>
    <div class="ct-acts font-YekanRegular">
      {% if catalog.url %}<a class="ct-btn dl" href="{{ catalog.url }}" download>دانلود {{ catalog.short }} (PDF)</a>{% endif %}
      <a class="ct-btn more" href="/products#fittings">مشاهده اتصالات و قیمت روز</a>
    </div>
  </div>

  <div class="ct-panel" data-anim="up">
    <h2 class="ct-name font-YekanExtraBold">پرسش‌های پرتکرار</h2>
    <div class="fx-faq font-YekanRegular">
      <details class="fx-q"><summary>چطور {{ catalog.title }} را دانلود کنم؟</summary><p>روی دکمه دانلود PDF در همین صفحه بزنید. فایل رایگان است و بدون ثبت‌نام دانلود می‌شود.</p></details>
      <details class="fx-q"><summary>این کاتالوگ شامل چه اطلاعاتی است؟</summary><p>{{ catalog.lead }}</p></details>
      <details class="fx-q"><summary>قیمت روز اتصالات را از کجا ببینم؟</summary><p>قیمت روز هر اتصال به تفکیک سایز در صفحه اختصاصی همان اتصال در بخش <a href="/products#fittings" style="color:#6ecff6">محصولات</a> درج شده است و لیست قیمت کامل هم به صورت PDF قابل دانلود است.</p></details>
    </div>
  </div>

{% if price_lines %}
<style>
.pl-wrap{max-width:1200px;margin:0 auto;padding:0 0 10px;direction:rtl}
.pl-h2{font-size:26px;color:#fff;margin:10px 0 8px}
.pl-sub{color:#8fa3b8;font-size:14.5px;margin-bottom:20px}
.pl-card{background:#061b3e;border:1px solid #1d3c68;border-radius:14px;padding:18px 18px 8px;margin-bottom:18px}
.pl-card h3{font-size:18px;color:#fff;margin:0 0 4px}
.pl-card h3 a{color:#6ecff6;text-decoration:none;font-size:14px;margin-right:8px}
.pl-fig{color:#8fa3b8;font-size:13.5px;margin-bottom:12px}
.pl-t{width:100%;border-collapse:collapse;font-size:15px}
.pl-t th{color:#8fa3b8;font-weight:normal;text-align:right;padding:7px 6px;border-bottom:1px solid #1d3c68;font-size:13.5px}
.pl-t td{color:#e6eefb;padding:7px 6px;border-bottom:1px solid #12294d}
.pl-note{color:#8fa3b8;font-size:13.5px;margin:10px 0 40px}
</style>
<div class="pl-wrap">
  <h2 class="pl-h2">لیست قیمت اتصالات توپی برزیل{% if price_date %} — {{ price_date }}{% endif %}</h2>
  <p class="pl-sub">قیمت هر عدد اتصال به ریال، به تفکیک فیگور و سایز. برای مشخصات فنی هر اتصال روی لینک آن کلیک کنید.</p>
  {% for line in price_lines %}
  <div class="pl-card">
    <h3>{{ line.f.name }} <a href="{{ line.f.get_absolute_url }}">مشاهده مشخصات فنی</a></h3>
    <p class="pl-fig">فیگور {{ line.f.figure }}{% if line.f.thread %} — رزوه {{ line.f.thread }}{% endif %}</p>
    <table class="pl-t">
      <thead><tr><th>سایز</th><th>قیمت گالوانیزه (ریال)</th>{% if line.has_black %}<th>قیمت سیاه (ریال)</th>{% endif %}</tr></thead>
      <tbody>
        {% for p in line.rows %}
        <tr><td>{{ p.size }}</td><td>{% if p.gal_fa %}{{ p.gal_fa }}{% else %}—{% endif %}</td>{% if line.has_black %}<td>{% if p.black_fa %}{{ p.black_fa }}{% else %}—{% endif %}</td>{% endif %}</tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endfor %}
  <p class="pl-note">قیمت‌ها بدون احتساب مالیات بر ارزش افزوده است و بر اساس آخرین به‌روزرسانی درج شده‌اند. برای استعلام قیمت روز و شرایط خرید عمده با واحد فروش تماس بگیرید.</p>
</div>
{% endif %}
  <div style="margin-bottom:70px">
    <h2 class="ct-name font-YekanExtraBold" style="margin-bottom:14px">سایر کاتالوگ‌ها</h2>
    <div class="ct-rel font-YekanRegular">
      {% for o in others %}<a href="/catalogs/{{ o.slug }}">{{ o.title }}</a>{% endfor %}
    </div>
  </div>
</div>

<style>
.fx-faq{display:flex;flex-direction:column}
.fx-q{border-top:1px solid #0f2547}
.fx-q:first-child{border-top:0}
.fx-q summary{list-style:none;cursor:pointer;color:#fff;font-size:16px;line-height:1.7;padding:18px 0 18px 34px;position:relative}
.fx-q summary::-webkit-details-marker{display:none}
.fx-q summary:hover{color:#6ecff6}
.fx-q summary:after{content:"";position:absolute;left:6px;top:25px;width:9px;height:9px;border-right:1.7px solid #6ecff6;border-bottom:1.7px solid #6ecff6;transform:rotate(45deg)}
.fx-q[open] summary:after{transform:rotate(-135deg);top:29px}
.fx-q p{color:#c8d8ea;font-size:15px;line-height:2.1;margin:0 0 20px;text-align:justify}
</style>
{% endblock %}