@include('./admin/util/header')

<div class="row" style="margin-top: 100px;">
    <div class="col-12" >
        <div class="card shadow-sm">
            <div class="card-header bg-primary text-white">
                <h4 class="card-title mb-0">
                    <i data-feather="activity" class="icon-sm me-2"></i>Recent Group Activity
                </h4>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="datatable" class="table table-hover table-bordered dt-responsive nowrap w-100" style="width:100%">
                        <thead class="table-light">
                            <tr>
                                <th>
                                    <i data-feather="hash" class="icon-xs me-1"></i>Group Code
                                </th>
                                <th>
                                    <i data-feather="calendar" class="icon-xs me-1"></i>Date
                                </th>
                                <th>
                                    <i data-feather="folder" class="icon-xs me-1"></i>Group Name
                                </th>
                                <th>
                                    <i data-feather="info" class="icon-xs me-1"></i>Info
                                </th>
                                <th>
                                    <i data-feather="edit" class="icon-xs me-1"></i>Edit
                                </th>
                                <th>
                                    <i data-feather="file-text" class="icon-xs me-1"></i>Summary
                                </th>
                                <th>
                                    <i data-feather="trending-up" class="icon-xs me-1"></i>Graphs
                                </th>
                                <th>
                                    <i data-feather="user" class="icon-xs me-1"></i>Leader
                                </th>
                                <th>
                                    <i data-feather="more-horizontal" class="icon-xs me-1"></i>Other
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($results as $row)
                                @php
                                    $groupCode = $row->groupCode;
                                    $groupCodeLink = "<a href='groups-display?groupCode=$groupCode' class='text-primary fw-semibold text-decoration-none'>$groupCode</a>";
                                    $editGroupUrl = route('admin/log_edit', ['gc' => $groupCode]);
                                    $editGroupIcon = "<a href='{$editGroupUrl}' class='btn btn-sm btn-outline-primary' title='Edit Group'><i data-feather='edit' class='icon-xs'></i></a>";
                                    $groupSummaryUrl = url('/') . '/' . config('app.cartFolder') . '/reports_group_summary/' . $groupCode;
                                    $groupGraphsUrl = url('/') . '/' . config('app.cartFolder') . '/group_menu/' . $groupCode;
                                    $leaderEditUrl = route('admin/leaders_edit', ['ID' => $row->ID]);
                                    $groupLeaderIcon = "<a href='{$leaderEditUrl}' class='btn btn-sm btn-outline-info' title='Edit Leader'><i data-feather='user' class='icon-xs'></i></a>";
                                    $rowFormat = "tableFont";
                                    $subCountTotal = $row->asiCount + $row->oasiCount + $row->assetCount;          
                                    $groupName = $row->groupName ?? "No group name on file";
                                    $subCountTotal = is_null($subCountTotal) || $subCountTotal === "" ? 0 : (int)$subCountTotal;

                                    $groupGraphsIcon = $subCountTotal === 0 ? "<span class='text-muted'>-</span>" : "<a href='{$groupGraphsUrl}' class='btn btn-sm btn-outline-success' title='View Graphs'><i data-feather='trending-up' class='icon-xs'></i></a>";
                                    $groupSummaryIcon = $subCountTotal === 0 ? "<span class='text-muted'>-</span>" : "<a href='{$groupSummaryUrl}' class='btn btn-sm btn-outline-secondary' title='Group Summary'><i data-feather='file-text' class='icon-xs'></i></a>";

                                    if ($row->groupTypeID == 2) {
                                        $groupName .= " <span class='badge bg-info'>360° feedback</span>";
                                    } elseif ($row->groupTypeID == 3) {
                                        $groupName .= " <span class='badge bg-info'>A-360° feedback</span>";
                                    }

                                    if (!$row->activeRecord) {
                                        $groupName = "<span class='text-decoration-line-through text-muted'>" . strip_tags($groupName) . "</span>";
                                    }

                                    $groupLeader = getGroupLeaderName("", $row->ID) ?? "No group leader name available";
                                    $groupLeaderLink = "<a href='leader-edit?ID={$row->ID}' class='text-decoration-none'><i data-feather='user' class='icon-xs me-1'></i>Group leader: <strong>{$groupLeader}</strong></a>";

                                    $evaluatorCount = getEvaluatorCount($groupCode, 0);
                                    $aspEvalCount = getAspEvaluatorCount($groupCode, 0);

                                    $groupInfo = getGroupCounts(
                                        $row->asiCount,
                                        $row->oasiCount,
                                        $row->assetCount,
                                        $row->aspAsiCount,
                                        $row->aspOasiCount,
                                        $evaluatorCount,
                                        $row->asiUsers,
                                        $row->oasiUsers,
                                        $row->assetUsers,
                                        $row->aspAsiUsers,
                                        $row->aspOasiUsers,
                                        $row->asi360Users,
                                        $row->aspAsi360Users,
                                        $aspEvalCount
                                    );

                                    $inventoryAccessLink = "&nbsp;";
                                    if ($row->asiAllowed || $row->oasiAllowed || $row->assetAllowed) {
                                        $inventoryAccessLink = "<a href='asp?search=yes&searchField=asiAllowed' class='btn btn-sm btn-outline-warning' title='Inventory Access'><i data-feather='box' class='icon-xs'></i></a>";
                                    }
                                @endphp
                                <tr class="{{ $rowFormat }}">
                                    <td class="align-middle">
                                        <a href='groups-display?groupCode={{$groupCode}}' class='text-primary fw-semibold text-decoration-none'>
                                            {{ $groupCode }}
                                        </a>
                                    </td>
                                    <td class="align-middle text-end">
                                        <span class="text-muted">{{ setDateV2($row->dateUpdated) }}</span>
                                    </td>
                                    <td class="align-middle">
                                        <a href='groups-display?groupCode={{$row->groupCode}}' class='text-decoration-none fw-semibold'>
                                            {!! $groupName !!}
                                        </a>
                                    </td>
                                    <td class="align-middle">
                                        <div class="small">
                                            <a href='groups-display?groupCode={{$row->groupCode}}' class='text-decoration-none fw-semibold d-block mb-2'>
                                                {!! strip_tags($groupName, '<span>') !!}
                                            </a>
                                            <div class="mb-1">{!! $groupLeaderLink !!}</div>
                                            <div class="text-muted">{!! $groupInfo !!}</div>
                                        </div>
                                    </td>
                                    <td class="align-middle text-center">
                                        {!! $editGroupIcon !!}
                                    </td>
                                    <td class="align-middle text-center">
                                        {!! $groupSummaryIcon !!}
                                    </td>
                                    <td class="align-middle text-center">
                                        {!! $groupGraphsIcon !!}
                                    </td>
                                    <td class="align-middle text-center">
                                        {!! $groupLeaderIcon !!}
                                    </td>
                                    <td class="align-middle text-center">
                                        {!! $inventoryAccessLink !!}
                                    </td>
                                </tr>
                                @php
                                    $rowFormat = ($rowFormat === 'tableFont') ? 'tableFont2' : 'tableFont';
                                    $itemCount++;

                                    if ($listCount !== 0 && $itemCount >= $listCount) {
                                        break;
                                    }
                                @endphp
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    /* Enhanced Table Styling - Light Mode */
    #datatable {
        font-size: 0.9rem;
    }
    
    #datatable thead th {
        background: #f8f9fa;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
        padding: 1rem 0.75rem;
    }
    
    #datatable tbody tr {
        transition: all 0.2s ease;
    }
    
    #datatable tbody tr:hover {
        background-color: #f8f9fa;
        transform: scale(1.01);
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    #datatable tbody td {
        padding: 1rem 0.75rem;
        vertical-align: middle;
    }
    
    .tableFont {
        background-color: #ffffff;
    }
    
    .tableFont2 {
        background-color: #f8f9fa;
    }
    
    .btn-sm {
        padding: 0.375rem 0.5rem;
        border-radius: 6px;
        transition: all 0.2s ease;
    }
    
    .btn-sm:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }
    
    .badge {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
        font-weight: 500;
    }
    
    /* Dark Mode Styles */
    body[data-layout-mode="dark"] #datatable thead th {
        background: #323849;
        color: #adb5bd;
        border-bottom: 2px solid #3a4052;
    }
    
    body[data-layout-mode="dark"] #datatable tbody tr:hover {
        background-color: #3a4052;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    
    body[data-layout-mode="dark"] .tableFont {
        background-color: #2a3042;
    }
    
    body[data-layout-mode="dark"] .tableFont2 {
        background-color: #323849;
    }
</style>

<script>
    $(document).ready(function() {
        // Initialize DataTable with modern styling
        $('#datatable').DataTable({
            "order": [[1, "desc"]], // Sort by date descending
            "pageLength": 10,
            "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
            "language": {
                "search": "<i data-feather='search' class='icon-xs me-1'></i> Search:",
                "lengthMenu": "Show _MENU_ entries",
                "info": "Showing _START_ to _END_ of _TOTAL_ entries",
                "infoEmpty": "No entries found",
                "infoFiltered": "(filtered from _MAX_ total entries)",
                "paginate": {
                    "previous": "<i data-feather='chevron-left'></i>",
                    "next": "<i data-feather='chevron-right'></i>"
                }
            },
            "dom": '<"row"<"col-sm-12 col-md-6"l><"col-sm-12 col-md-6"f>>rt<"row"<"col-sm-12 col-md-5"i><"col-sm-12 col-md-7"p>>',
            "drawCallback": function() {
                // Re-initialize Feather icons after table redraw
                if (typeof feather !== 'undefined') {
                    feather.replace();
                }
            }
        });
        
        // Initialize Feather icons
        if (typeof feather !== 'undefined') {
            feather.replace();
        }
    });
</script>

@include('../util/footer')