@php
    use App\Models\FamilyMember;
    use Illuminate\Support\Carbon;
    use JobMetric\MultiCalendar\Converters\HijriConverter;

    // Initialize the Hijri converter
    $hijriConverter = new HijriConverter();

    $children = $daleel
        ->children()
        ->get()
        ->map(function ($child) use ($hijriConverter) {
            // 👉 Step 1: fallback DOB from family_members
            if (!$child->dob && $child->relation_type == 1) {
                $familyMember = FamilyMember::select('dob')->where('id', $child->family_tree_id)->first();

                if ($familyMember && $familyMember->dob) {
                    $child->dob = $familyMember->dob;

                    // ✅ Detect calendar type using year
                    $parts = preg_split('/[\/\-]/', $child->dob);

                    if (count($parts) === 3) {
                        $year = (int) $parts[2];

                        // Hijri if year is small (e.g. 1445), Gregorian if large (e.g. 1986)
                        $child->dob_calendar_type = $year < 1700 ? 'hijri' : 'gregorian';
                    }
                }
            }
            $dob = $child->dob;

            if (!$dob) {
                $child->sortable_dob = null;
                return $child;
            }

            // split d/m/Y
            $parts = preg_split('/[\/\-]/', $dob);

            if (count($parts) === 3) {
                [$day, $month, $year] = $parts;

                if ($child->dob_calendar_type === 'hijri') {
                    [$gYear, $gMonth, $gDay] = $hijriConverter->toGregorian((int) $year, (int) $month, (int) $day);
                    $child->sortable_dob = Carbon::create($gYear, $gMonth, $gDay);
                } else {
                    $child->sortable_dob = Carbon::createFromFormat('d/m/Y', $dob);
                }
            } else {
                $child->sortable_dob = null;
            }

            return $child;
        });

    // Custom sort: first by DOB (oldest first), then by name (Arabic alphabetical)
    $sortedChildren = $children->sort(function ($a, $b) {
        $aTimestamp = $a->sortable_dob ? $a->sortable_dob->timestamp : PHP_INT_MAX;
        $bTimestamp = $b->sortable_dob ? $b->sortable_dob->timestamp : PHP_INT_MAX;

        // Compare by DOB
        if ($aTimestamp !== $bTimestamp) {
            return $aTimestamp <=> $bTimestamp;
        }

        // If DOB is equal or missing, compare by name (Arabic)
        return strcmp($a->name, $b->name);
    });

@endphp
<div class="form-group row">
    <div class="col-md-12">
        <div class="controls">
            <button type="button" class="btn btn-success" id="add_children_btn" data-toggle="modal"
                onclick="openPersonModal('children', {{ $daleel->id }})"><i class="fa fa-plus"></i> أضف</button>
            <div class="pull-right markaction">
                <a id="del" href="javascript:void(0)" class="btn btn-danger"
                    data-url="{{ URL::to('admin/familymembers/bulkdeletechildren') }}">حذف</a>
            </div>
        </div>
    </div>
</div>

<div class="form-group row">
    <div class="col-md-12">
        <table class="table table-hover sortable table-bordered" id="datatable-example6"
            data-reorderUrl="{{ URL::to('admin/familymembers/reorder?source=female') }}">
            <thead>
                <tr>
                    <th>
                        @if ($daleel->children->count() > 0)
                            <input type="checkbox" class="group-checkable" data-set="#datatable-example6 .checkboxes" />
                        @endif
                    </th>
                    <th>جنس</th>
                    <th>على قيد الحياة </th>
                    <th>الهوية </th>
                    <th>إسم</th>
                    <th>تاريخ الميلاد</th>
                    <th>تاريخ الوفاة</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>

                @if ($daleel->children->count() > 0)
                    @foreach ($sortedChildren as $child)
                        <tr>
                            <td><input type="checkbox" class="checkboxes" name="ids[]" value="{{ $child->id }}" />
                            </td>

                            <td>{{ $child->gender == 0 ? 'ذكر' : 'أنثى' }}</td>

                            <td>
                                @php
                                    // Check if node exists
                                    $aliveStatus = $child->getNodeId?->nodeID
                                        ? $child->getNodeId->alive
                                        : $child->alive;

                                    // Convert to Arabic text
                                    $aliveArabic = $aliveStatus == 1 ? 'نعم' : 'لا';
                                @endphp

                                {{ $aliveArabic }}
                            </td>

                            <td><span class="nodeid-text  active-color"
                                    onclick="showDaleelProfilePopup('{{ $child->getNodeId?->id }}')">
                                    {{ $child->getNodeId?->nodeID }}</span> </td>
                            <td>{!! $child->get_full_name2() !!}</td>
                            <td>{!! $child->dob !!}</td>
                            <td>{!! $child->dod !!}</td>
                            <td>
                                <ul class="nav quick-section text-center">
                                    <li class="quicklinks actions">
                                        <a id="gear-icon" class="context_menu_btn" href="#"
                                            class="dropdown-toggle  pull-right " data-toggle="dropdown">
                                            <i class="fa fa-gear"></i>
                                        </a>
                                        <ul aria-labelledby="user-options" role="menu"
                                            class="dropdown-menu custom-listing-menu">
                                            <li>
                                                <a class="btn btn-link edit_children_btn" data-id="{{ $child->id }}"
                                                    data-name="{{ $child->name }}" data-dob="{{ $child->dob }}"
                                                    data-dob_calendar_type="{{ $child->dob_calendar_type }}"
                                                    data-dod="{{ $child->dod }}"
                                                    data-dod_calendar_type="{{ $child->dod_calendar_type }}"
                                                    data-p_dob="{{ $child->p_dob }}"
                                                    data-father_name="{{ $child->father_name }}"
                                                    data-grand_father_name="{{ $child->grand_father_name }}"
                                                    data-gender="{{ $child->gender }}"
                                                    data-family_tree_id="{{ $child->family_tree_id }}"
                                                    data-alive="{{ $child->alive }}"
                                                    data-profile_image="{{ $child->profile_image ? asset($child->profile_image) : '' }}"
                                                    href="javascript:void(0)">تحرير</a>
                                            </li>
                                            <li class="divider"></li>
                                            <li>
                                                <a href="javascript:void(0)" class="btn btn-link delete_children_btn"
                                                    data-source="children"
                                                    data-url="{{ URL::route('admin.familymembers.destroychildren', $child->id) }}">حذف</a>
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="8">لا يوجد محتوى</td>
                    </tr>
                @endif

            </tbody>
        </table>
    </div>
</div>