@extends('layouts.app')

@section('title', 'البحث في العشيرة')

@section('content')
@include('components.page-header', ['title' => 'البحث في العشيرة'])
<section class="section">
    <div class="container">
        <div class="search-box glass-card search-filters-panel">
            <h2><i class="fa-solid fa-filter icon-gold"></i> بحث متقدم مع فلاتر</h2>
            <form method="GET" action="{{ route('search') }}" class="search-filters-form">
                <div class="filters-grid">
                    <div class="form-group">
                        <label><i class="fa-solid fa-user"></i> الاسم أو جزء منه</label>
                        <input type="text" name="q" value="{{ $filters['q'] }}" placeholder="الاسم الرباعي أو جزء منه">
                    </div>
                    <div class="form-group">
                        <label><i class="fa-solid fa-user-tag"></i> اسم الأب</label>
                        <input type="text" name="father_name" value="{{ $filters['father_name'] }}" placeholder="فلترة باسم الأب">
                    </div>
                    <div class="form-group">
                        <label><i class="fa-solid fa-user-tag"></i> اسم الجد</label>
                        <input type="text" name="grandfather_name" value="{{ $filters['grandfather_name'] }}" placeholder="فلترة باسم الجد">
                    </div>
                    <div class="form-group">
                        <label><i class="fa-solid fa-calendar"></i> سنة الميلاد من</label>
                        <input type="number" name="birth_from" value="{{ $filters['birth_from'] }}" placeholder="مثال: 1900" min="1800" max="{{ date('Y') }}">
                    </div>
                    <div class="form-group">
                        <label><i class="fa-solid fa-calendar"></i> سنة الميلاد إلى</label>
                        <input type="number" name="birth_to" value="{{ $filters['birth_to'] }}" placeholder="مثال: 2000" min="1800" max="{{ date('Y') }}">
                    </div>
                </div>
                <div class="filters-checkboxes">
                    <label class="filter-check">
                        <input type="checkbox" name="branch_only" value="1" @checked($filters['branch_only'])>
                        <span>رؤساء الفروع فقط</span>
                    </label>
                    <label class="filter-check">
                        <input type="checkbox" name="roots_only" value="1" @checked($filters['roots_only'])>
                        <span>جذور الشجرة فقط (بدون أب)</span>
                    </label>
                </div>
                <div class="filters-actions">
                    <button type="submit" class="btn-primary"><i class="fa-solid fa-magnifying-glass"></i> بحث</button>
                    <a href="{{ route('search') }}" class="btn-outline"><i class="fa-solid fa-rotate-left"></i> إعادة تعيين</a>
                </div>
            </form>
        </div>

        @if($hasSearched)
            <p class="results-count">
                <i class="fa-solid fa-list"></i>
                عدد النتائج: <strong>{{ $results->count() }}</strong>
            </p>
            <div class="search-results">
                @forelse($results as $member)
                    <div class="result-item">
                        <h3>
                            <a href="{{ route('family-tree') }}?highlight={{ $member->id }}">{{ $member->full_name }}</a>
                            @if($member->is_branch_head)
                                <span class="badge-branch">رئيس فرع</span>
                            @endif
                        </h3>
                        @if($member->father_name)
                            <p><i class="fa-solid fa-user"></i> الأب: {{ $member->father_name }}</p>
                        @endif
                        @if($member->birth_year)
                            <p><i class="fa-solid fa-calendar"></i> سنة الميلاد: {{ $member->birth_year }}</p>
                        @endif
                        <div class="lineage">
                            <strong>سلسلة النسب:</strong>
                            {{ collect($member->lineage)->pluck('name')->implode(' ← ') }}
                        </div>
                        @if($member->bio)
                            <p style="margin-top:.5rem;">{{ \Illuminate\Support\Str::limit($member->bio, 200) }}</p>
                        @endif
                    </div>
                @empty
                    <p class="no-results">لم يتم العثور على نتائج مطابقة للفلاتر المحددة.</p>
                @endforelse
            </div>
        @else
            <p class="search-hint">استخدم الفلاتر أعلاه ثم اضغط «بحث». يكفي إدخال اسم (حرفين فأكثر) أو اختيار فلتر واحد على الأقل.</p>
        @endif
    </div>
</section>
@endsection