<script setup>
definePageMeta({
  layout: false,
  name: "hadithaRules",
});
useHead({
  name: "hadithaRules",
  title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | قوانین و مقررات حدیثا`,
  meta: [
    { name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
  ],
  bodyAttrs: {
    class: import.meta.env.VITE_HADITH_SYSTEM,
  },
});

// components declaration
const HadithaLayout = defineAsyncComponent(() =>
  import("@haditha/layouts/HadithaLayout.vue")
);
const NavigationMenu = defineAsyncComponent(() =>
  import("@haditha/components/haditha/NavigationMenu.vue")
);
</script>

<template>
  <HadithaLayout>
    <div class="page-container h-full">
      <!-- max-w-[var(--ui-container-two)] -->
      <UContainer class="page-inner-container sm:px-6 lg:px-4">
        <navigation-menu></navigation-menu>

        <div
          class="page-header pt-10 md:pt-10 lg:pt-38 pb-4 flex justify-between items-center"
        >
          <div class="flex items-center">
            <h1 class="m-0 title">قوانین و مقررات</h1>
            <img
              fit="auto"
              quality="80"
              placeholder
              src="/img/haditha/haditha-title.svg"
            />
          </div>
        </div>

        <div class="page-content p-5">
          <ul class="list-decimal list-inside">
            <li>
              احترام به حقوق معنوی: تمامی محتواهای ارائه‌شده در این سایت متعلق
              به منابع معتبر بوده و هرگونه استفاده بدون ذکر منبع ممنوع است.
            </li>
            <li>
              منابع معتبر: احادیث منتشرشده از منابع معتبر اسلامی استخراج شده‌اند
              و هرگونه ادعای مغایرت باید با دلایل علمی و معتبر باشد.
            </li>
            <li>
              استفاده شخصی و غیرتجاری: کاربران مجاز به استفاده از محتوای سایت
              تنها برای مقاصد شخصی و غیرتجاری هستند.
            </li>
            <li>
              مسئولیت صحت برداشت: مسئولیت هرگونه برداشت اشتباه از محتوای سایت بر
              عهده کاربر است و سایت مسئولیتی در قبال آن ندارد.
            </li>
            <li>
              حریم خصوصی: اطلاعات کاربران به صورت کاملاً محرمانه نگهداری می‌شود
              و هیچ‌گونه اطلاعاتی بدون رضایت کاربر به اشتراک گذاشته نخواهد شد.
            </li>
            <li>
              عدم انتشار محتوا: کاربران مجاز به انتشار مجدد احادیث یا مطالب سایت
              در دیگر پلتفرم‌ها بدون اجازه کتبی نیستند.
            </li>
            <li>
              پاسخگویی به نظرات: نظرات و پیشنهادات کاربران با احترام بررسی
              می‌شود، اما سایت الزامی برای پاسخ به همه موارد ندارد.
            </li>
            <li>
              تغییر در محتوا و قوانین: سایت حق دارد هرگونه تغییر در محتوا یا
              قوانین را بدون اطلاع قبلی انجام دهد.
            </li>
            <li>
              تبعیت از قوانین اسلامی: تمامی فعالیت‌ها و محتوای سایت بر اساس اصول
              و قوانین اسلامی طراحی شده‌اند.
            </li>
            <li>
              محدودیت دسترسی: در صورت استفاده نامناسب یا تخطی از قوانین، سایت
              می‌تواند دسترسی کاربر را محدود یا مسدود کند.
            </li>
          </ul>
        </div>
      </UContainer>
    </div>
  </HadithaLayout>
</template>

<style scoped>
.page-container {
  background: #f7fffd;

  .page-inner-container {
    .page-header {
      color: var(--ui-color-two);

      .title {
        font-family: var(--font);
        font-weight: 300;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0%;
        text-align: center;
      }
    }

    .page-content {
      height: calc(100dvh - 13em);
      overflow: auto;
      color: var(--ui-color-two);
      ul li {
        font-family: var(--font);
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0%;
        text-align: right;
      }
    }
  }
}
@media screen and (max-width: 719.99px) {
  .page-content{
    height: calc(100dvh - 12em);
  }
}
</style>
