@php
    use App\Helpers\Helper;
    $left = [
        'Name:' => $data->full_name ?? 'N/A',
        'Username:' => $data->username ?? 'N/A',
        'Password:' => 'Reset Password',
        'Email:' => $data->email ?? 'N/A',
        'Mobile:' => Helper::fmt(Helper::phone($data->phone ?? '')),    
        'Office:' => Helper::fmt(Helper::phone($data->office_phone ?? '')),
        'Fax:' => Helper::fmt(Helper::phone($data->fax ?? '')),
        'Job Title:' => Helper::fmt($data->job_title ?? null),
        'Timezone:' => Helper::fmt($data->formatted_timezone ?? null),
        'Default Residual Split:' => Helper::fmt(isset($data->split_value) ? $data->split_value.'%' : '0.00%','0.00%'),
        'Default Split Expiration:' => Helper::fmt($data->split_expiration ?? 'Split Does Not Expire','Split Does Not Expire'),
        'Default Pay Order:' => Helper::fmt($data->default_pay_order ?? null),
        '2 Step Verification:' => Helper::yesNo($data->is_tfa_enabled ?? false),
        'Notifications (SMS):' => Helper::yesNo($data->is_enable_sms_forwarding ?? false),
        'Notifications (Email):' => Helper::yesNo($data->is_enable_email_notification ?? false),
    ];
    $right = [
        'Created By:' => Helper::fmt($data->created_by_name ?? ''),
        'Creation Date:' => $data->created_at ? Helper::showdate($data->created_at) : 'N/A',
        'Modified By:' => Helper::fmt($data->updated_by_name ?? ''),
        'Modified On:' => $data->updated_at ? Helper::showdate($data->updated_at) : 'N/A',
        'Last Login:' => isset($data->last_login_at) && $data->last_login_at ? Helper::showdate($data->last_login_at) : 'N/A',
        'User Primary Group:' => $data->users_default_group_name ?? 'N/A',
        'User Class:' => implode(', ', $roles),
        'Activated By:' => Helper::fmt($data->activated_by_name ?? ''),
        'Activated On:' => isset($data->activated_at) && $data->activated_at ? Helper::showdate($data->activated_at) : 'N/A',
        'Page Size:' => Helper::fmt($data->listing_table_size ?? null),
        'User Notes:' => '__NOTES__',
    ];
    // Explicit subset shown under the profile image (left column small details)
    $leftMoved = [
        'Email:' => $left['Email:'] ?? 'N/A',
        'Mobile:' => $left['Mobile:'] ?? 'N/A',
        'Office:' => $left['Office:'] ?? 'N/A',
        'Fax:' => $left['Fax:'] ?? 'N/A',
        'Active Account:' => ($data->status == 1 ? 'Yes' : 'No'),
    ];
    // Remaining left column details rendered in the right detail section
    $leftRemain = array_diff_key($left, $leftMoved);
@endphp
@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    $title ?? '',
    $subTitle ?? '',
    isset($filters) ? $filters : [],
    isset($advancedFilters) ? $advancedFilters : []
    )
)
@php($headingOptions = [
    '<a href="' . route($routePrefix . '.index') . '" class="'. \Config::get('view.buttons.secondary') .'"><i class="' . \Config::get('settings.icon_back') . '"></i> Back to Users</a>',
    '<a href="'.route('manages.users.reset-password.form', $data->id).'" data-url="' . route('manages.users.reset-password.form', $data->id) . '" class="'. \Config::get('view.buttons.primary') .' show-modal"> Reset Password</a>',
    $permission['edit'] ? '<a href="' . route($routePrefix . '.edit', $data->id) . '" class="'. \Config::get('view.buttons.primary') .'"> Edit User</a>' : '',
])
@extends('admin.layouts.layout', $headerOption)
@section('content')
    <div class="col-12">
        <x-heading-sec :module="'Manage Users (' . $data->full_name . ')' " :options="$headingOptions" />
        <div class="row">
            <!-- Left: User Information -->
            <div class="col-lg-8 mb-3">
                <div class="project-box h-100">
                    <h6 class="mb-3 user-info-card-heading">User Information</h6>
                    <div class="row g-0">
                        <div class="col-lg-4 col-md-5 col-sm-12 p-4 user-info-left-col">
                            <div class="text-center mb-3">
                                <img class="user-info-avatar" src="{{ $data->avatar['thumb'] }}" alt="{{ $data->full_name }} - Profile Image"/>
                            </div>
                            <div class="text-center mb-3">
                                <h5 class="user-info-name">{{ $data->full_name }}</h5>
                                <div class="text-muted">{{ $data->username }}</div>
                                <div class="mt-1 small">{{ implode(', ', $roles) }}</div>
                            </div>
                            <div class="mt-3 user-info-moved-fields">
                                @foreach($leftMoved as $label => $val)
                                    <div class="d-flex mb-1">
                                        <span class="text-muted user-info-detail-label" style="min-width:115px;">{{ $label }}</span>
                                        <span class="user-info-detail-value">{!! $label === 'Password:' ? '<a href="'.route('manages.users.reset-password.form', $data->id).'" data-url="' . route('manages.users.reset-password.form', $data->id) . '" class="'. \Config::get('view.buttons.primary') .' btn-sm-custom w-50 show-modal"> Reset Password</a>' : e($val) !!}</span>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-7 col-sm-12 user-info-right-wrapper">
                            <div class="row">
                                <div class="col-12">
                                    @foreach($leftRemain as $label => $val)
                                        <div class="row mb-2 align-items-start">
                                            <div class="col-md-4 col-5 text-muted user-info-detail-label">{{ $label }}</div>
                                            <div class="col-md-8 col-7 user-info-detail-value">{!! $label === 'Password:' ? '<a href="'.route('manages.users.reset-password.form', $data->id).'" data-url="' . route('manages.users.reset-password.form', $data->id) . '" class="'. \Config::get('view.buttons.primary') .' btn-sm-custom w-50 show-modal"> Reset Password</a>' : e($val) !!}</div>
                                        </div>
                                    @endforeach
                                    @foreach($right as $label => $val)
                                        @if($label === 'User Notes:')
                                            <div class="row mb-3 align-items-start">
                                                <div class="col-md-4 col-5 text-muted user-info-notes-label">{{ $label }}</div>
                                                <div class="col-md-8 col-7">
                                                    <textarea class="form-control user-info-detail-value" rows="4" readonly placeholder="Enter user notes">{{ Helper::fmt($data->note) }}</textarea>
                                                </div>
                                            </div>
                                        @else
                                            <div class="row mb-2 align-items-start">
                                                <div class="col-md-4 col-5 text-muted user-info-detail-label">{{ $label }}</div>
                                                <div class="col-md-8 col-7 user-info-detail-value">{{ $val }}</div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Right: Relationship Panels -->
            <div class="col-lg-4" id="user-links-root">
                    <div data-section="groups" class="project-box p-3 mb-3">
                        <h6 class="mb-2" style="font-weight:600;">Groups <i class="bx bx-info-circle text-muted small" data-toggle="tooltip" title="User's group memberships"></i></h6>
                        <ul class="list-unstyled mb-2" style="max-height:100px;overflow:auto;">
                            @forelse($groupsLinked as $g)
                                <li class="d-flex align-items-center justify-content-between mb-1 group-item">
                                    <span class="group-text">{{ $g->group_name }}</span>
                                    <span class="group-actions d-flex align-items-center justify-content-end">
                                        @if($g->is_default_group)
                                            <span class="group-action group-star default text-warning" data-toggle="tooltip" title="Primary Group"><i class="bx bxs-star"></i></span>
                                            <span class="group-action group-remove disabled" data-toggle="tooltip" title="Remove Disabled"><i class="{{ \Config::get('settings.icon_delete') }}"></i></span>
                                        @else
                                            <button type="button" class="group-action group-star btn btn-link p-0 set-default-group" data-url="{{ route('manages.users.groups.set-default', $userId) }}?group_id={{ $g->master_group_id }}" data-toggle="tooltip" title="Set as Primary"><i class="bx bx-star"></i></button>
                                            <a href="#" class="group-action group-remove text-danger unlink-item" data-url="{{ route('manages.users.groups.unlink',$userId) }}?group_id={{ $g->master_group_id }}" data-toggle="tooltip" title="Unlink Group"><i class="{{ \Config::get('settings.icon_delete') }}"></i></a>
                                        @endif
                                    </span>
                                </li>
                            @empty
                                <li class="text-muted">No groups linked.</li>
                            @endforelse
                        </ul>
                        <form class="project-form form-line user-link-form" method="post" action="{{ route('manages.users.groups.link',$userId) }}" data-section="groups">
                            @csrf
                            <label class="form-label small">Groups to Link</label>
                            <div class="d-flex justify-content-center gap-2">
                                <select name="related_ids[]" multiple class="form-control form-control-lg select2" placeholder="Select user">
                                    @foreach($allGroups as $gid=>$gname)
                                        <option value="{{ $gid }}">{{ $gname }}</option>
                                    @endforeach
                                </select>
                                <button type="submit" class="green-btn-inner btn-sm-custom link-btn disabled-effect" disabled>+ Link</button>
                            </div>
                        </form>
                    </div>
                    <div data-section="reports_to" class="project-box p-3 mb-3">
                        <h6 class="mb-2" style="font-weight:600;">Reports To <i class="bx bx-info-circle text-muted small" data-toggle="tooltip" title="Users this user reports to"></i></h6>
                        <ul class="list-unstyled mb-2" style="max-height:100px;overflow:auto;">
                            @forelse($reportsToUsersCol as $u)
                                <li class="d-flex align-items-center justify-content-between mb-1 rel-item">
                                    <span class="rel-text">{{ $u->full_name }}</span>
                                    <a href="#" class="rel-action rel-remove text-danger unlink-item" data-url="{{ route('manages.users.hierarchy.unlink',$userId) }}?type=reports_to&linked_user_id={{ $u->id }}" data-toggle="tooltip" title="Remove"><i class="{{ \Config::get('settings.icon_delete') }}"></i></a>
                                </li>
                            @empty
                                <li class="text-muted">None linked.</li>
                            @endforelse
                        </ul>
                        <form class="project-form form-line user-link-form" method="post" action="{{ route('manages.users.hierarchy.link',$userId) }}" data-section="reports_to">
                            @csrf
                            <input type="hidden" name="type" value="reports_to" />
                            <label class="form-label small">Select Users to Link</label>
                            <div class="d-flex gap-2">
                                <select name="related_ids[]" multiple class="form-control form-control-lg select2" placeholder="Select user">
                                    @php($grouped = isset($candidateReportsToRoleWise) && is_array($candidateReportsToRoleWise) && count($candidateReportsToRoleWise))
                                    @if($grouped)
                                        @foreach($candidateReportsToRoleWise as $roleId=>$roleBlock)
                                            @if(!empty($roleBlock['children']))
                                                <optgroup label="{{ $roleBlock['label'] }}">
                                                    @foreach($roleBlock['children'] as $cid=>$cname)
                                                        <option value="{{ $cid }}">{{ $cname }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    @else
                                        @foreach($candidateReportsTo as $cid=>$cname)
                                            <option value="{{ $cid }}">{{ $cname }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <button type="submit" class="green-btn-inner btn-sm-custom link-btn disabled-effect" disabled>+ Link</button>
                            </div>
                        </form>
                    </div>
                    <div data-section="manages" class="project-box p-3 mb-3">
                        <h6 class="mb-2" style="font-weight:600;">Manages <i class="bx bx-info-circle text-muted small" data-toggle="tooltip" title="Users managed by this user"></i></h6>
                        <ul class="list-unstyled mb-2" style="max-height:100px;overflow:auto;">
                            @forelse($managesUsersCol as $u)
                                <li class="d-flex align-items-center justify-content-between mb-1 rel-item">
                                    <span class="rel-text">{{ $u->full_name }}</span>
                                    <a href="#" class="rel-action rel-remove text-danger unlink-item" data-url="{{ route('manages.users.hierarchy.unlink',$userId) }}?type=manages&linked_user_id={{ $u->id }}" data-toggle="tooltip" title="Remove"><i class="{{ \Config::get('settings.icon_delete') }}"></i></a>
                                </li>
                            @empty
                                <li class="text-muted">None linked.</li>
                            @endforelse
                        </ul>
                        <form class="project-form form-line user-link-form" method="post" action="{{ route('manages.users.hierarchy.link',$userId) }}" data-section="manages">
                            @csrf
                            <input type="hidden" name="type" value="manages" />
                            <label class="form-label small">Select Users to Link</label>
                            <div class="d-flex gap-2">
                                <select name="related_ids[]" multiple class="form-control form-control-lg select2" placeholder="Select user">
                                    @php($grouped = isset($candidateManagesRoleWise) && is_array($candidateManagesRoleWise) && count($candidateManagesRoleWise))
                                    @if($grouped)
                                        @foreach($candidateManagesRoleWise as $roleId=>$roleBlock)
                                            @if(!empty($roleBlock['children']))
                                                <optgroup label="{{ $roleBlock['label'] }}">
                                                    @foreach($roleBlock['children'] as $cid=>$cname)
                                                        <option value="{{ $cid }}">{{ $cname }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    @else
                                        @foreach($candidateManages as $cid=>$cname)
                                            <option value="{{ $cid }}">{{ $cname }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <button type="submit" class="green-btn-inner btn-sm-custom link-btn disabled-effect" disabled>+ Link</button>
                            </div>
                        </form>
                    </div>
                    <div data-section="calendar_for" class="project-box p-3 mb-3">
                        <h6 class="mb-2" style="font-weight:600;">Manages Calendar For <i class="bx bx-info-circle text-muted small" data-toggle="tooltip" title="Calendars this user can manage"></i></h6>
                        <ul class="list-unstyled mb-2" style="max-height:100px;overflow:auto;">
                            @forelse($calendarManagedUsersCol as $u)
                                <li class="d-flex align-items-center justify-content-between mb-1 rel-item">
                                    <span class="rel-text">{{ $u->full_name }}</span>
                                    <a href="#" class="rel-action rel-remove text-danger unlink-item" data-url="{{ route('manages.users.calendar.unlink',$userId) }}?calendar_user_id={{ $u->id }}" data-toggle="tooltip" title="Remove"><i class="{{ \Config::get('settings.icon_delete') }}"></i></a>
                                </li>
                            @empty
                                <li class="text-muted">None linked.</li>
                            @endforelse
                        </ul>
                        <form class="project-form form-line user-link-form" method="post" action="{{ route('manages.users.calendar.link',$userId) }}" data-section="calendar_for">
                            @csrf
                            <label class="form-label small">Select Users to Link</label>
                            <div class="d-flex gap-2">
                                <select name="calendar_user_ids[]" multiple class="form-control form-control-lg select2" placeholder="Select user">
                                    @php($grouped = isset($candidateCalendarRoleWise) && is_array($candidateCalendarRoleWise) && count($candidateCalendarRoleWise))
                                    @if($grouped)
                                        @foreach($candidateCalendarRoleWise as $roleId=>$roleBlock)
                                            @if(!empty($roleBlock['children']))
                                                <optgroup label="{{ $roleBlock['label'] }}">
                                                    @foreach($roleBlock['children'] as $cid=>$cname)
                                                        <option value="{{ $cid }}">{{ $cname }}</option>
                                                    @endforeach
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    @else
                                        @foreach($candidateCalendar as $cid=>$cname)
                                            <option value="{{ $cid }}">{{ $cname }}</option>
                                        @endforeach
                                    @endif
                                </select>
                                <button type="submit" class="green-btn-inner btn-sm-custom link-btn disabled-effect" disabled>+ Link</button>
                            </div>
                        </form>
                    </div>
            </div>
        </div>
    </div>
@endsection
@push('page_script')
    <script src="{{ asset('assets/js/user-links.js') }}?v={{ time() }}"></script>
@endpush