<div class="card primary-bg item-rounded">
    <table class="deposite-table">
        <thead class="custom--table">
            <tr>
                <th>{{ trans('#') }}</th>
                <th>{{ trans('User ID') }}</th>
                <th>{{ trans('Name') }}</th>
                <th>{{ trans('Email') }}</th>
                <th>{{ trans('Mobile') }}</th>
                <th>{{ trans('Position') }}</th>
                <th>{{ trans('Rank') }}</th>
                <th>{{ trans('Size Of network') }}</th>
                <th>{{ trans('Active Network Size') }}</th>
                <th>{{ trans('Network Activated') }}</th>
                <th>{{ trans('Distance') }}</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($network as $key => $item)
                <tr data-row="{{ $network->firstItem() + $loop->index }}" data-userid="">
                    <td>{{ $network->firstItem() + $loop->index }}</td>
                    <td>{{ $item->system_id }}</td>
                    <td> <span>{{ $item->fullname }} </span> <br> (<span><span>@</span>{{ $item->username }}</span>)
                    </td>
                    <td>{{ strlen($item->email) > 10 ? substr($item->email, 0, 10) . '...' : $item->email }}</td>
                    <td><span>+</span>{{ $item->mobile }}</td>
                    <td>{{ $item->position }}</td>
                    <td>{{ $item->rank }}</td>
                    <td>{{ $item->network_size }}</td>
                    <td>{{ $item->active_network_size }}</td>
                    <td>{{ $item->network_activated_at ? $item->network_activated_at->format('d-M-Y') : 'N/A' }}
                    </td>
                    <td>{{ $item->distance }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="100%">{{ __($emptyMessage) }}</td>
                </tr>
            @endforelse
        </tbody>
    </table>
    @if ($network->hasPages())
        <div class="py-3">
            {{ paginateLinks($network) }}
        </div>
    @endif
</div>
