@extends('portal.layouts.app')
@section('content')

    <div id="content-wrapper" class="d-flex flex-column">
        <div id="content">
            <div class="mainPadding">
                <div class="matrixspotMain">

                    @if(isset($userDetails[0]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
    // Find the parent based on the user name
    $parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
                                                       $first_letter = substr($userDetails[0]->name, 0, 1);

                               $space_pos = strpos($userDetails[0]->name, ' ');

                               $last_name_initial = substr($userDetails[0]->name, $space_pos + 1, 1);

                               $initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mtop">
                            <div class="tlcont">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[0]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[0]->userDetail->user_id ?? $userDetails[0]->id}}
                                    <i>{{$userDetails[0]->userDetail->user_name ?? $userDetails[0]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? ''}}</b>--}}
                                    <i>{{$userDetails[0]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                            <div class="arrow-down"></div>
                        </div>
                    @else
                        <div class="mlevel2">
                            <div class="arrow-top2"></div>
                            <div class="tlcont empty">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                        </div>
                    @endif
                    @if(isset($userDetails[1]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[1]->name, 0, 1);
$space_pos = strpos($userDetails[1]->name, ' ');
$last_name_initial = substr($userDetails[1]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel1">
                            <div class="arrow-top"></div>
                            <div class="tlcont completed">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[1]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[1]->userDetail->user_id ?? $userDetails[1]->id}}
                                    <i>{{$userDetails[1]->userDetail->user_name ?? $userDetails[1]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[1]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                            <div class="arrow-down"></div>
                        </div>
                    @else
                        <div class="mlevel1">
                            <div class="arrow-top"></div>
                            <div class="tlcont completed">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                            <div class="arrow-down"></div>
                        </div>
                    @endif
                    @if(isset($userDetails[2]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[2]->name, 0, 1);
$space_pos = strpos($userDetails[2]->name, ' ');
$last_name_initial = substr($userDetails[2]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel1">
                            <div class="arrow-top2"></div>
                            <div class="tlcont emptybelow">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[2]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[2]->userDetail->user_id ?? $userDetails[2]->id}}
                                    <i>{{$userDetails[2]->userDetail->user_name ?? $userDetails[2]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[2]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                            <div class="arrow-down"></div>
                        </div>
                    @else
                        <div class="mlevel1">
                            <div class="arrow-top2"></div>
                            <div class="tlcont emptybelow">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                            <div class="arrow-down"></div>
                        </div>
                    @endif
                    @if(isset($userDetails[3]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[3]->name, 0, 1);
$space_pos = strpos($userDetails[3]->name, ' ');
$last_name_initial = substr($userDetails[3]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel2">
                            <div class="arrow-top"></div>
                            <div class="tlcont">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[3]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[3]->userDetail->user_id ?? $userDetails[3]->id}}
                                    <i>{{$userDetails[3]->userDetail->user_name ?? $userDetails[3]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[3]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                        </div>
                    @else
                        <div class="mlevel2">
                            <div class="arrow-top"></div>
                            <div class="tlcont">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                        </div>
                    @endif
                    @if(isset($userDetails[4]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[4]->name, 0, 1);
$space_pos = strpos($userDetails[4]->name, ' ');
$last_name_initial = substr($userDetails[4]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel2">
                            <div class="arrow-top2"></div>
                            <div class="tlcont approve">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[4]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[4]->userDetail->user_id ?? $userDetails[4]->id}}
                                    <i>{{$userDetails[4]->userDetail->user_name ?? $userDetails[4]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[4]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                        </div>
                    @else
                        <div class="mlevel2">
                            <div class="arrow-top2"></div>
                            <div class="tlcont approve">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                        </div>
                    @endif
                    @if(isset($userDetails[5]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[5]->name, 0, 1);
$space_pos = strpos($userDetails[5]->name, ' ');
$last_name_initial = substr($userDetails[5]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel2">
                            <div class="arrow-top"></div>
                            <div class="tlcont empty">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[5]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[5]->userDetail->user_id ?? $userDetails[5]->id}}
                                    <i>{{$userDetails[5]->userDetail->user_name ?? $userDetails[5]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[5]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                        </div>
                    @else
                        <div class="mlevel2">
                            <div class="arrow-top"></div>
                            <div class="tlcont empty">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                        </div>
                    @endif

                    @if(isset($userDetails[6]))
                        @php
                            $parentId = null;
if(isset($userDetails[0]->userDetail->parent)) {
// Find the parent based on the user name
$parentId = \App\Models\UserDetail::where('user_name', $userDetails[0]->userDetail->parent)->value('user_id');
}
$first_letter = substr($userDetails[6]->name, 0, 1);
$space_pos = strpos($userDetails[6]->name, ' ');
$last_name_initial = substr($userDetails[6]->name, $space_pos + 1, 1);
$initials = $first_letter . $last_name_initial;
                        @endphp
                        <div class="mlevel2">
                            <div class="arrow-top2"></div>
                            <div class="tlcont empty">
                                <div class="roundImg-cont">
                                    {{ $initials ?? '' }}
                                    {{--                                    <img--}}
                                    {{--                                        src="{{asset('profile-image/'.($userDetails[6]->userDetail->image ?? 'no-profile.avif'))}}"--}}
                                    {{--                                        alt="">--}}
                                </div>
                                <div class="username">#{{$userDetails[6]->userDetail->user_id ?? $userDetails[6]->id}}
                                    <i>{{$userDetails[6]->userDetail->user_name ?? $userDetails[6]->name}}</div>
                                <div class="sponsorl">Sponsor: #
{{--                                    <b>{{$parentId->user_id ?? 'No Parent'}}</b>--}}
                                    <i>{{$userDetails[6]->userDetail->parent ?? 'No Parent'}}</i></div>
                            </div>
                        </div>
                    @else
                        <div class="mlevel2">
                            <div class="arrow-top2"></div>
                            <div class="tlcont empty">
                                <div class="username"><span class="fs-7">Empty </span></div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection