{!! view_render_event('marketplace.admin.seller.edit.card.users.before', ['seller' => $seller]) !!}

@if ($seller->children->isNotEmpty())
    <div class="box-shadow rounded bg-white p-4 dark:bg-gray-900">
        <!-- Panel Header -->
        <p class="mb-4 flex justify-between text-base font-semibold text-gray-800 dark:text-white">
            @lang('marketplace::app.admin.sellers.edit.users.title')
        </p>

        <!-- User Grid -->
        <div class="space-y-4">
            @foreach ($seller->children as $child)
                <div class="p-4 border border-gray-200 rounded-lg hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-800 transition-colors">
                    <div class="flex justify-between items-start mb-3">
                        <div>
                            <label class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
                                @lang('marketplace::app.admin.sellers.edit.users.name')
                            </label>

                            <p class="text-sm font-medium text-gray-900 dark:text-white">
                                {{ $child->name }}
                            </p>
                        </div>

                        <span class="text-xs font-medium text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">
                            # {{ $child->id }}
                        </span>
                    </div>

                    <div class="space-y-3">
                        <div>
                            <label class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
                                @lang('marketplace::app.admin.sellers.edit.users.email')
                            </label>

                            <p class="text-sm text-gray-600 dark:text-gray-300">
                                {{ $child->email }}
                            </p>
                        </div>

                        <div>
                            <label class="block text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-1">
                                @lang('marketplace::app.admin.sellers.edit.users.phone')
                            </label>

                            <p class="text-sm text-gray-600 dark:text-gray-300">
                                {{ $child->phone ?: 'Not provided' }}
                            </p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif

{!! view_render_event('marketplace.admin.seller.edit.card.users.after', ['seller' => $seller]) !!}