{% extends "base.html" %}
{% block title %}{{ person.first_name }} {{ person.family_name or '' }} — سجل العقارات{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <a href="/search" class="back-link no-print">← العودة للبحث</a>
    <h1>{{ person.first_name }} {{ person.father_name or '' }} {{ person.family_name or '' }}</h1>
    {% if current_search_scope %}
    <p class="subtitle">عرض نتائج نطاق البحث: {{ current_search_scope }}</p>
    {% endif %}
  </div>
  <div class="header-actions no-print">
    <button type="button" class="btn btn-secondary" onclick="window.print()">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg>
      طباعة
    </button>
    {% set scopes = documents | selectattr('search_scope') | map(attribute='search_scope') | unique | list %}
    <div class="export-dropdown">
      <button type="button" class="btn btn-primary" data-export-toggle>
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
        تصدير كملف إكسل ▾
      </button>
      <div class="export-menu">
        <a href="/persons/{{ person.id }}/export" class="export-option" download>تصدير الكل</a>
        {% for scope in scopes %}
          {% if scope %}
          <a href="/persons/{{ person.id }}/export?qaza={{ scope|urlencode }}" class="export-option" download>{{ scope }}</a>
          {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
</div>

<div class="person-info-card">
  <div class="info-grid">
    <div class="info-item"><span class="info-label">الاسم الكامل</span><span>{{ person.first_name }} {{ person.father_name or '' }} {{ person.family_name or '' }}</span></div>
    {% if person.mother_name %}<div class="info-item"><span class="info-label">اسم الأم</span><span>{{ person.mother_name }}</span></div>{% endif %}
    {% if person.family_origin %}<div class="info-item"><span class="info-label">الهوا</span><span>{{ person.family_origin }}</span></div>{% endif %}
    {% if person.nationality %}<div class="info-item"><span class="info-label">الجنسية</span><span>{{ person.nationality }}</span></div>{% endif %}
    {% if person.birth_date %}<div class="info-item"><span class="info-label">تاريخ الولادة</span><span>{{ person.birth_date }}</span></div>{% endif %}
    {% if person.registry_number %}<div class="info-item"><span class="info-label">رقم السجل</span><span>{{ person.registry_number }}</span></div>{% endif %}
    {% if person.registry_place %}<div class="info-item"><span class="info-label">مكان السجل</span><span>{{ person.registry_place }}</span></div>{% endif %}
    {% set scopes = documents | selectattr('search_scope') | map(attribute='search_scope') | unique | list %}
    {% if scopes %}<div class="info-item"><span class="info-label">القضاء</span><span>{{ scopes | join('، ') }}</span></div>{% endif %}
  </div>
  {% if current_search_scope %}
  <div class="person-actions no-print">
    <a href="/persons/{{ person.id }}" class="btn btn-secondary">عرض كل النطاقات</a>
  </div>
  {% endif %}
</div>

<div class="section-header">
  <h2>العقارات المملوكة ({{ properties|length }})</h2>
</div>

{% if properties %}
<div class="table-wrapper">
  <table class="results-table props-full responsive-table">
    <thead>
      <tr>
        <th>#</th>
        <th>اسم الفريق</th>
        <th>رقم العقار</th>
        <th>القسم</th>
        <th>البلوك</th>
        <th>المنطقة العقارية</th>
        <th>القضاء</th>
        <th>عدد الأسهم</th>
        <th>نوع الملكية</th>
      </tr>
    </thead>
    <tbody>
      {% for pr in properties %}
      <tr class="{{ 'ownership-alert' if pr.ownership_type == 'لا يملك' else '' }}">
        <td data-label="#" class="row-num">{{ loop.index }}</td>
        <td data-label="اسم الفريق">{{ pr.party_name or '' }}</td>
        <td data-label="رقم العقار" class="prop-num">{{ pr.property_number or '' }}</td>
        <td data-label="القسم">{{ pr.section or '' }}</td>
        <td data-label="البلوك">{{ pr.block or '' }}</td>
        <td data-label="المنطقة العقارية">{{ pr.real_estate_district or '' }}</td>
        <td data-label="القضاء">{{ pr.qaza or '' }}</td>
        <td data-label="عدد الأسهم">{{ pr.num_shares or '' }}</td>
        <td data-label="نوع الملكية">{{ pr.ownership_type or '' }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="error-banner centered-banner">
  ⚠️ نتيجة البحث: لا يملك أي عقار في نطاق البحث المذكور.
</div>
{% endif %}

{% if documents %}
<div class="docs-section no-print">
  <h3>الوثائق الأصلية</h3>
  <div class="doc-thumbnails">
    {% for d in documents %}
    <a href="/review/{{ d.id }}" class="doc-thumb">
      <img src="/thumbs/{{ d.image_path }}?size=480" alt="وثيقة" loading="lazy" decoding="async">
      <div class="doc-thumb-info">
        {% if d.request_number %}طلب {{ d.request_number }}{% endif %}
        {% if d.request_date %}<br>{{ d.request_date }}{% endif %}
        {% if d.search_scope %}<br>القضاء: {{ d.search_scope }}{% endif %}
        {% if d.page_info %}<br><span class="doc-page-info">{{ d.page_info }}</span>{% endif %}
      </div>
    </a>
    {% endfor %}
  </div>
</div>
{% endif %}

{% endblock %}