251 lines
12 KiB
HTML
251 lines
12 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}بحث — سجل العقارات{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-header">
|
|
<div>
|
|
<span class="page-kicker">البحث والاستكشاف</span>
|
|
<h1>البحث في قاعدة البيانات</h1>
|
|
<p class="subtitle">اختر طريقة البحث المناسبة ثم انتقل مباشرة إلى سجل الشخص أو العقار المطلوب.</p>
|
|
</div>
|
|
{% if persons or properties %}
|
|
<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>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="search-card no-print">
|
|
<form method="get" action="/search" id="searchForm">
|
|
<div class="search-tabs">
|
|
<button type="button" class="tab-btn active" data-tab="person">بحث بالاسم</button>
|
|
<button type="button" class="tab-btn" data-tab="property">بحث بالعقار</button>
|
|
</div>
|
|
|
|
<div id="tab-person" class="tab-content">
|
|
<div class="search-row">
|
|
<input type="text" name="q" id="qInput" value="{{ q }}"
|
|
placeholder="اكتب اسم الشخص..." class="search-input" autocomplete="off">
|
|
<button type="submit" class="btn btn-primary">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
|
|
بحث
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tab-property" class="tab-content hidden">
|
|
<div class="search-grid">
|
|
<div class="form-group">
|
|
<label>رقم العقار</label>
|
|
<input type="text" name="property_number" value="{{ property_number }}" placeholder="مثال: 162">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>المنطقة العقارية</label>
|
|
<input type="text" name="district" value="{{ district }}" placeholder="مثال: مراح الزيتات">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>البلوك</label>
|
|
<input type="text" name="block" value="{{ block }}" placeholder="رقم البلوك">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
|
|
بحث
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="error-banner">{{ error }}</div>
|
|
{% endif %}
|
|
|
|
<!-- Person results -->
|
|
{% if persons %}
|
|
<div class="results-section">
|
|
<h2>نتائج البحث بالاسم ({{ persons|length }} شخص)</h2>
|
|
|
|
{% if selected_person %}
|
|
<!-- Single person: show full details inline -->
|
|
<div class="person-info-card">
|
|
<div class="info-grid">
|
|
<div class="info-item"><span class="info-label">الاسم الكامل</span><span>{{ selected_person.person.first_name }} {{ selected_person.person.father_name or '' }} {{ selected_person.person.family_name or '' }}</span></div>
|
|
{% if selected_person.person.family_origin %}<div class="info-item"><span class="info-label">الهوا</span><span>{{ selected_person.person.family_origin }}</span></div>{% endif %}
|
|
{% if selected_person.person.nationality %}<div class="info-item"><span class="info-label">الجنسية</span><span>{{ selected_person.person.nationality }}</span></div>{% endif %}
|
|
{% if selected_person.person.registry_number %}<div class="info-item"><span class="info-label">رقم السجل</span><span>{{ selected_person.person.registry_number }}</span></div>{% endif %}
|
|
{% set scopes = selected_person.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>
|
|
<div class="person-actions">
|
|
<a href="/persons/{{ selected_person.person.id }}{% if selected_person.current_search_scope %}?search_scope={{ selected_person.current_search_scope|urlencode }}{% endif %}" class="btn btn-secondary no-print">عرض التفاصيل كاملة</a>
|
|
<button type="button" class="btn btn-secondary no-print" 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 = selected_person.documents | selectattr('search_scope') | map(attribute='search_scope') | unique | list %}
|
|
<div class="export-dropdown no-print">
|
|
<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/{{ selected_person.person.id }}/export" class="export-option" download>تصدير الكل</a>
|
|
{% for scope in scopes %}
|
|
{% if scope %}
|
|
<a href="/persons/{{ selected_person.person.id }}/export?qaza={{ scope|urlencode }}" class="export-option" download>{{ scope }}</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if selected_person.properties %}
|
|
<div class="table-wrapper table-wrapper-spaced">
|
|
<table class="results-table 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 selected_person.properties %}
|
|
<tr class="{{ 'ownership-alert' if pr.ownership_type == 'لا يملك' else '' }}">
|
|
<td data-label="#">{{ loop.index }}</td>
|
|
<td data-label="اسم الفريق">{{ pr.party_name or '' }}</td>
|
|
<td data-label="رقم العقار">{{ 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 banner-spaced">
|
|
⚠️ نتيجة البحث: لا يملك أي عقار في القضاء المذكور.
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="persons-grid">
|
|
{% for p in persons %}
|
|
<a href="/persons/{{ p.id }}" class="person-card">
|
|
<div class="person-name">{{ p.first_name }} {{ p.father_name or '' }} {{ p.family_name or '' }}</div>
|
|
<div class="person-meta">
|
|
{% if p.family_origin %}{{ p.family_origin }} · {% endif %}
|
|
{% if p.property_count > 0 %}
|
|
{{ p.property_count }} عقار
|
|
{% else %}
|
|
<span class="person-meta-alert">لا يملك عقارات</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="person-reg">نطاق البحث: {{ p.search_scope or 'غير محدد' }}</div>
|
|
{% if p.document_count %}<div class="person-reg">عدد الطلبات: {{ p.document_count }}</div>{% endif %}
|
|
{% if p.registry_number %}
|
|
<div class="person-reg">سجل: {{ p.registry_number }}</div>
|
|
{% endif %}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Property results -->
|
|
{% if properties %}
|
|
<div class="results-section">
|
|
<h2>نتائج البحث بالعقار ({{ properties|length }} سجل)</h2>
|
|
<div class="table-wrapper">
|
|
<table class="results-table 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>
|
|
<td data-label="المالك">
|
|
{% if pr.person_id %}
|
|
<a href="/persons/{{ pr.person_id }}">{{ pr.first_name or '' }} {{ pr.family_name or '' }}</a>
|
|
{% else %}—{% endif %}
|
|
</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>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if (q or property_number or district or block) and not persons and not properties %}
|
|
<div class="no-results">
|
|
<p>لا توجد نتائج للبحث.</p>
|
|
<p><a href="/search">بحث جديد</a></p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
function showTab(tab, button = null) {
|
|
document.querySelectorAll('.tab-content').forEach(el => el.classList.add('hidden'));
|
|
document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
|
|
document.getElementById('tab-' + tab).classList.remove('hidden');
|
|
if (button) {
|
|
button.classList.add('active');
|
|
}
|
|
}
|
|
|
|
// Auto-select correct tab based on query params
|
|
window.addEventListener('DOMContentLoaded', () => {
|
|
document.querySelectorAll('.tab-btn').forEach(button => {
|
|
button.addEventListener('click', () => showTab(button.dataset.tab, button));
|
|
});
|
|
|
|
const params = new URLSearchParams(location.search);
|
|
const personButton = document.querySelector('.tab-btn[data-tab="person"]');
|
|
const propertyButton = document.querySelector('.tab-btn[data-tab="property"]');
|
|
|
|
if (params.get('property_number') || params.get('district') || params.get('block')) {
|
|
showTab('property', propertyButton);
|
|
} else {
|
|
showTab('person', personButton);
|
|
document.getElementById('qInput').focus();
|
|
}
|
|
});
|
|
</script>
|
|
{% endblock %}
|