@extends('layouts.app')
@push('pageTitle')
    {{ __('labels.group_sessions') }}
@endpush
@push('css')
    <style>
    </style>
@endpush
@push('js')
@endpush
@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @include('components.datatable.custom-search', [
                    'tableId' => 'datatable-main',
                ])
                @include('components.common.flush-message')
                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                    <div class="table-responsive full-data">
                        <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer"
                            id="datatable-main">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('labels.group_name') }}</th>
                                    <th>{{ __('labels.total_members') }}</th>
                                    <th>{{ __('labels.last_activity') }}</th>
                                    <th class="text-end">{{ __('labels.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody id="groupsTableBody">
                                @forelse($listresults as $index => $item)
                                    <tr class="group-row">
                                        <td class="text-center">
                                            <span class="table-index">
                                                {{ $index + 1 }}
                                            </span>
                                        </td>
                                        <td>
                                            <div class="item-name-cell">
                                                <div class="item-avatar">

                                                    <div class="item-avatar-default">
                                                        {{ strtoupper(substr($item->name, 0, 2)) }}
                                                    </div>
                                                </div>
                                                <div class="item-info">
                                                    <h6 class="item-title">{{ $item->name }}</h6>
                                                    @if ($item->creator)
                                                        <small class="item-creator">
                                                            <i class="fas fa-user-circle"></i>
                                                            {{ $item->author_name ?? (auth()->check() ? auth()->user()->name : null) }}
                                                        </small>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <span class="badge bg-info">{{ $item->total_members ?? '0' }}</span>
                                        </td>
                                        <td>
                                            @if ($item->last_activity_at)
                                                <small class="text-muted">
                                                    {{ \Carbon\Carbon::parse($item->last_activity_at)->diffForHumans() }}
                                                </small>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            <div class="d-flex justify-content-end">
                                                <div class="action-group">
                                                    @can('view', $item)
                                                        <a href="{{ route('group-sessions.show', $item->id) }}"
                                                            class="btn-action btn-view" data-bs-toggle="tooltip"
                                                            title="{{ __('labels.details') }}">
                                                            <i class="fas fa-eye"></i>
                                                        </a>
                                                    @endcan
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center py-4">
                                            <div class="text-muted">
                                                <i class="fas fa-users fa-2x mb-3"></i>
                                                <p class="mb-0">{{ __('labels.no_groups_found') }}</p>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection