@php($paginated = $list instanceof \Illuminate\Contracts\Pagination\Paginator)
@php($labels = [
    'offline'  => ['Active, No Session', 'badge-danger'],
    'expired'  => ['Expired', 'badge-warning'],
    'disable'  => ['Disable', 'badge-primary'],
    'deactive' => ['Deactive', 'badge-secondary'],
    'pending'  => ['Pending', 'badge-info'],
])

@foreach ($warnings as $warning)
    <div class="alert alert-warning py-2 noprint">
        <i class="fa fa-exclamation-triangle"></i> {{ $warning }}
    </div>
@endforeach

<div class="row mb-2">
    <div class="col-md-12">
        <span class="badge badge-success p-2 mr-1">Total : {{ number_format($counts['total']) }}</span>
        @foreach ($labels as $key => $label)
            <span class="badge {{ $label[1] }} p-2 mr-1">{{ $label[0] }} : {{ number_format($counts[$key]) }}</span>
        @endforeach
        <span class="float-right">Showing : {{ number_format($list->count()) }}</span>
    </div>
</div>

@if ($paginated)
    {{-- Also above the table: with 100 rows a page, the bottom links are a long
         scroll away. The delegated handler in index.blade.php listens on #result,
         so clicks in either copy are picked up. --}}
    <div class="noprint notconnected-pager-top">
        {{ $list->links() }}
    </div>
@endif

{{-- Its own scroll box, so the header can stick to it and the summary
     badges and pagination stay put outside it. --}}
<div class="notconnected-table-scroll">
    <table class="table table-bordered table-sm">
        <thead>
            <tr>
                <th class="bg-dark">SL</th>
                <th class="bg-dark">CID</th>
                <th class="bg-dark">Username</th>
                <th class="bg-dark">Manager</th>
                <th class="bg-dark">POP</th>
            </tr>
        </thead>
        <tbody class="bg-white">
            @forelse ($list as $key => $r)
                <tr>
                    <td>{{ $paginated ? $list->firstItem() + $key : $key + 1 }}</td>
                    <td class="text-nowrap">
                        @if (optional($r->pop)->bill_generate == 'yes')
                            <a target="_blank" class="btn btn-info btn-block btn-xs text-nowrap"
                                href="{{ url('admin/getPaymentHistory', $r->id) }}">{{ $r->id }}</a>
                        @else
                            <span class="btn btn-info btn-block btn-xs text-nowrap">{{ $r->id }}</span>
                        @endif
                    </td>
                    <td>{{ $r->userid }}</td>
                    <td>{{ optional(optional($r->pop)->reseller)->name }}</td>
                    <td>{{ optional($r->pop)->popname }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="5" class="text-center">No not-connected customer found.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if ($paginated)
    <div class="noprint">
        {{ $list->links() }}
    </div>
@endif