{% extends "drf_spectacular/swagger_ui.html" %}

{# Swagger UI هر متنی را چپ‌به‌راست می‌چیند، چون برای انگلیسی نوشته شده. متنِ
   ما فارسی است، و در یک بلوکِ LTR نتیجه‌اش این می‌شود که نقطه‌ی پایانِ جمله
   به ابتدای خط می‌پرد، ترتیبِ ستون‌های جدول برعکس می‌شود، و هر کلمه‌ی
   انگلیسیِ وسطِ جمله جای خودش را گم می‌کند.

   راهِ حل، تغییرِ *متن* نیست — جهتِ خودِ بلوک باید راست‌به‌چپ شود. اینجا فقط
   بخش‌هایی که Markdown فارسی رندر می‌کنند RTL می‌شوند؛ ساختارِ خودِ Swagger
   (مسیرها، متدها، نامِ فیلدها) دست‌نخورده می‌ماند چون همه انگلیسی‌اند.

   قالبِ اصلی دست نمی‌خورد: این فایل با {{ block.super }} رویش سوار می‌شود،
   پس به‌روزرسانیِ drf-spectacular چیزی را خراب نمی‌کند. #}

{% block head %}
{{ block.super }}
<style>
  /* بلوک‌هایی که متنِ فارسی دارند */
  .swagger-ui .info .description,
  .swagger-ui .opblock-description-wrapper .renderedMarkdown,
  .swagger-ui .response-col_description .renderedMarkdown,
  .swagger-ui .markdown {
    direction: rtl;
    text-align: right;
  }

  /* ...ولی کد همیشه چپ‌به‌راست است: مسیر، هدر، JSON و نامِ فیلدها در RTL
     به‌هم می‌ریزند (مثلاً «Authorization: Bearer <token>» جابه‌جا می‌شود). */
  .swagger-ui .info .description code,
  .swagger-ui .info .description pre,
  .swagger-ui .opblock-description-wrapper .renderedMarkdown code,
  .swagger-ui .opblock-description-wrapper .renderedMarkdown pre,
  .swagger-ui .markdown code,
  .swagger-ui .markdown pre {
    direction: ltr;
    text-align: left;
    unicode-bidi: embed;
  }

  /* جدول‌ها: سرستون و سلول هر دو باید از راست شروع شوند، وگرنه ستونِ اول
     ته جدول می‌افتد. */
  .swagger-ui .info .description table,
  .swagger-ui .markdown table {
    direction: rtl;
  }
  .swagger-ui .info .description th,
  .swagger-ui .info .description td,
  .swagger-ui .markdown th,
  .swagger-ui .markdown td {
    text-align: right;
  }

  /* فهرست‌ها: بولت باید سمتِ راست باشد. */
  .swagger-ui .info .description ul,
  .swagger-ui .info .description ol,
  .swagger-ui .markdown ul,
  .swagger-ui .markdown ol {
    padding-right: 2em;
    padding-left: 0;
  }

  /* عنوانِ API و نشان‌های نسخه انگلیسی‌اند و باید چپ‌به‌راست بمانند. */
  .swagger-ui .info .title,
  .swagger-ui .info hgroup.main {
    direction: ltr;
    text-align: left;
  }
</style>
{% endblock head %}