<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>بحث الأعضاء<?php $__template->endSection(); ?>
<?php $__template->section('content'); ?>
<div class="card" style="padding:20px;">
    <form method="GET" action="/members" style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
        <div class="form-group" style="grid-column:1/-1;">
            <label class="form-label">بحث شامل</label>
            <input type="text" name="q" value="<?= e($query ?? '') ?>" class="form-input" placeholder="الاسم بالعربي، الرقم القومي، رقم العضوية، رقم المحمول، رقم الاستمارة..." style="font-size:16px;padding:12px;" autofocus>
        </div>
        <div style="grid-column:1/-1;">
            <button type="submit" class="btn btn-primary" style="padding:12px 30px;">🔍 بحث</button>
            <a href="/members" class="btn btn-outline">عرض كل الأعضاء</a>
        </div>
    </form>
</div>

<?php if (!empty($results)): ?>
<div class="card" style="margin-top:20px;">
    <div style="padding:15px 20px;border-bottom:1px solid #E5E7EB;">
        <h3 style="margin:0;color:#0D7377;">نتائج البحث (<?= count($results) ?>)</h3>
    </div>
    <div class="table-responsive">
        <table class="data-table">
            <thead><tr><th>رقم العضوية</th><th>الاسم</th><th>الرقم القومي</th><th>الهاتف</th><th>الفرع</th><th>الحالة</th><th>الإجراءات</th></tr></thead>
            <tbody>
            <?php foreach ($results as $m): ?>
                <tr>
                    <td style="font-weight:600;"><?= e($m['membership_number'] ?? '—') ?></td>
                    <td><a href="/members/<?= (int) $m['id'] ?>" style="color:#0D7377;font-weight:600;"><?= e($m['full_name_ar']) ?></a></td>
                    <td style="direction:ltr;text-align:right;font-size:13px;"><?= e($m['national_id'] ?? '—') ?></td>
                    <td style="direction:ltr;text-align:right;font-size:13px;"><?= e($m['phone_mobile'] ?? '—') ?></td>
                    <td style="font-size:13px;"><?= e($m['branch_name'] ?? '—') ?></td>
                    <td style="font-size:13px;font-weight:600;"><?= e($m['status'] ?? '—') ?></td>
                    <td><a href="/members/<?= (int) $m['id'] ?>" class="btn btn-sm btn-outline">عرض</a></td>
                </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>
<?php elseif (($query ?? '') !== ''): ?>
<div class="card" style="margin-top:20px;padding:40px;text-align:center;color:#6B7280;">
    لا توجد نتائج لـ "<?= e($query) ?>"
</div>
<?php endif; ?>
<?php $__template->endSection(); ?>