{% extends "base.html" %}
{% load civic_tags %}
{% block content %}
{% include "partials/page_hero.html" with eyebrow="গোপনীয়তা" title="আপনার তথ্য, আপনার নিয়ন্ত্রণে" description=meta.description crumbs=meta.crumbs %}
<section class="container-x max-w-3xl py-14">
  <div class="space-y-3">
    {% for s in sections %}
    <div class="card-surface rounded-2xl p-5">
      <p class="flex items-center gap-2 text-[0.9rem] font-bold text-forest"><span class="grid h-6 w-6 place-items-center rounded-full bg-forest/5 text-[0.62rem] font-bold text-forest">{{ forloop.counter|bn }}</span>{{ s.title }}</p>
      <p class="mt-2 text-[0.84rem] leading-relaxed text-muted">{{ s.body }}</p>
    </div>
    {% endfor %}
  </div>
  <div class="mt-6 rounded-xl border border-forest/10 bg-white px-4 py-3">
    <p class="text-sm font-semibold text-forest">চাইলে বন্ধ করতে পারেন</p>
    <p class="mt-1 text-xs leading-relaxed text-muted">ব্রাউজারে Do Not Track চালু থাকলে আমরা কোনো ভিজিট রেকর্ড করি না। চাইলে এই ডিভাইসে আলাদাভাবে বন্ধও রাখতে পারেন।</p>
    <label class="mt-3 flex items-center gap-2 text-sm text-forest"><input type="checkbox" class="accent-forest" data-analytics-optout> ভিজিটর পরিসংখ্যানে অংশ নেব না</label>
  </div>
  <p class="mt-5 rounded-xl bg-cream-2/60 px-4 py-3 text-xs text-muted">সর্বশেষ হালনাগাদ: {{ last_updated }} · এই নীতিতে পরিবর্তন হলে ওয়েবসাইটে নোটিশ দেওয়া হবে।</p>
</section>
{% endblock %}