@extends('layout.app')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">{{ $title }}</h5>
            <small class="text-muted">Open tokens {{ $tokenType }}</small>
        </div>
        <div class="card-body p-0">
            @if ($rows->isEmpty())
                <div class="alert alert-info m-3">No pending items found for your accessible POPs.</div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover table-bordered mb-0" id="dataTableTeamOperation">
                        <thead class="bg-gray">
                            <tr>

                                <th>POP Name</th>
                                <th class="text-center">Assign Open Tokens</th>
                                <th class="text-center">Unassign Open Tokens</th>
                                @if ($showNewLine && globalPermission('new-line-request'))
                                    <th class="text-center">Confirmed Pending New Lines</th>
                                @endif
                                <th class="text-center">No update more than one hour</th>
                                <th class="text-center">No update more than four hours</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($rows as $i => $row)
                                <tr>

                                    <td>{{ $row->popname }}</td>
                                    <td class="text-center">
                                        @if ($row->assigned_tokens > 0)
                                            <a href="{{ route('token-detail-report', [$row->pop_id, 'assigned']) }}?token_type={{ $tokenType }}"
                                                target="_blank" class="badge badge-warning">{{ $row->assigned_tokens }}</a>
                                            @foreach ($row->assigned_employees as $emp)
                                                <div class="small text-left mt-1">
                                                    <span class="font-weight-bold">{{ $emp->name }}</span>
                                                    @if ($emp->mobile_office)
                                                        — <span class="text-muted">{{ $emp->mobile_office }}</span>
                                                    @endif
                                                    <span class="badge badge-secondary ml-1">{{ $emp->token_count }}</span>
                                                </div>
                                            @endforeach
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if ($row->unassigned_tokens > 0)
                                            <a href="{{ route('token-detail-report', [$row->pop_id, 'unassigned']) }}?token_type={{ $tokenType }}"
                                                target="_blank" class="badge badge-danger">{{ $row->unassigned_tokens }}</a>
                                        @else
                                            {{-- <span class="badge badge-secondary">0</span> --}}
                                        @endif
                                    </td>
                                    @if ($showNewLine && globalPermission('new-line-request'))
                                        <td class="text-center">
                                            @if ($row->pending_new_line > 0)
                                                <a href="{{ route('new-line-request.index') }}?pop_id={{ $row->pop_id }}&status=pending"
                                                    target="_blank" class="badge badge-info">{{ $row->pending_new_line }}</a>
                                            @else
                                                {{-- <span class="badge badge-secondary">0</span> --}}
                                            @endif
                                        </td>
                                    @endif
                                   
                                    <td class="text-center">
                                        @if ($row->no_update_1hour > 0)
                                            <a href="{{ route('token-detail-report', [$row->pop_id, 'noupdate']) }}?token_type={{ $tokenType }}"
                                                target="_blank" class="badge badge-warning">{{ $row->no_update_1hour }}</a>
                                        @else
                                            {{-- <span class="badge badge-secondary">0</span> --}}
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if ($row->no_update_4hour > 0)
                                            <a href="{{ route('token-detail-report', [$row->pop_id, 'noupdate4hour']) }}?token_type={{ $tokenType }}"
                                                target="_blank" class="badge badge-danger">{{ $row->no_update_4hour }}</a>
                                        @else
                                            {{-- <span class="badge badge-secondary">0</span> --}}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr class="bg-light font-weight-bold">
                                <td class="text-right">Total</td>
                                <td class="text-center">{{ $rows->sum('assigned_tokens') }}</td>
                                <td class="text-center">{{ $rows->sum('unassigned_tokens') }}</td>
                                @if ($showNewLine && globalPermission('new-line-request'))
                                    <td class="text-center">{{ $rows->sum('pending_new_line') }}</td>
                                @endif
                                <td class="text-center">{{ $rows->sum('no_update_1hour') }}</td>
                                <td class="text-center">{{ $rows->sum('no_update_4hour') }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('ajax')
    <script>
        // add data table for table with id team-op-table
        $('#dataTableTeamOperation').DataTable({
            responsive: true,
            "bProcessing": true,
            "iDisplayLength": 100,
            'order': [
                [0, "asc"]
            ]
        });
    </script>
@endsection