@extends('layouts.admin')
@section('content')
<div class="card">
    <div class="card-header">
        {{ trans('cruds.user.title_singular') }} {{ trans('global.list') }}
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class=" table table-bordered table-striped table-hover datatable datatable-User">
                <thead>
                    <tr>
                        <th width="10">

                        </th>
                        <th>
                            {{ trans('cruds.user.fields.id') }}
                        </th>
                        <th>
                            {{ trans('cruds.user.fields.name') }}
                        </th>
                        <th>
                            {{ trans('cruds.user.fields.email') }}
                        </th>
                        <th>
                            {{ trans('cruds.user.fields.images') }}
                        </th>
                        <th>
                            &nbsp;
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $key => $user)
                        <tr data-entry-id="{{ $user->id }}">
                            <td>

                            </td>
                            <td>
                                {{ $user->id ?? '' }}
                            </td>
                            <td>
                                {{ $user->name ?? '' }}
                            </td>
                            <td>
                                {{ $user->email ?? '' }}
                            </td>
                            <td>
                            @php
                                $images = DB::table('user_images')->where('user_id', $user->id)->get();
                                $count = $images->count() > 1 ? '+' . ($images->count() - 1) : '';
                                $cuscss = $count ? 'overlay' : '';
                                $parentClass = $count ? 'project-image-container' : '';
                            @endphp

                            <div class="{{ $parentClass }}">
                                @foreach ($images as $key=>$image)
                                    <a href="{{ $image->images }}"
                                    class="fancybox-popup {{ $key == 0 ? '' : 'd-none' }}"
                                    data-fancybox="gallery_{{ $user->id }}">
                                        <img src="{{ $image->images }}" style="width: 66px; height: 66px; object-fit: cover;">
                                    </a>
                                @endforeach

                                @if ($count)
                                    <span class="{{ $cuscss }}">{{ $count }}</span>
                                @endif
                            </div>
                            </td>
                            <td>
                                @can('user_show')
                                    <a class="btn btn-xs btn-primary" href="{{ route('admin.users.show', $user->id) }}">
                                        {{ trans('global.view') }}
                                    </a>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection
@section('scripts')
@parent
<script>
</script>
@endsection