2023-10-01 08:05:18 -04:00
|
|
|
@if($warning ?? '')
|
|
|
|
<div class="image-manager-list-warning image-manager-warning px-m py-xs flex-container-row gap-xs items-center">
|
|
|
|
<div>@icon('warning')</div>
|
|
|
|
<div class="flex">{{ $warning }}</div>
|
|
|
|
</div>
|
|
|
|
@endif
|
2020-07-24 19:20:58 -04:00
|
|
|
@foreach($images as $index => $image)
|
|
|
|
<div>
|
2023-05-24 12:07:32 -04:00
|
|
|
<button component="event-emit-select"
|
2020-07-24 19:20:58 -04:00
|
|
|
option:event-emit-select:name="image"
|
|
|
|
option:event-emit-select:data="{{ json_encode($image) }}"
|
2023-01-28 11:06:11 -05:00
|
|
|
class="image anim fadeIn text-link"
|
2023-05-28 06:37:49 -04:00
|
|
|
style="animation-delay: {{ min($index * 10, 260) . 'ms' }};">
|
2023-10-01 08:05:18 -04:00
|
|
|
<img src="{{ $image->thumbs['gallery'] ?? '' }}"
|
2020-07-24 19:20:58 -04:00
|
|
|
alt="{{ $image->name }}"
|
2023-05-29 11:21:44 -04:00
|
|
|
role="none"
|
2020-07-24 19:20:58 -04:00
|
|
|
width="150"
|
|
|
|
height="150"
|
2023-05-29 11:21:44 -04:00
|
|
|
loading="lazy">
|
2020-07-24 19:20:58 -04:00
|
|
|
<div class="image-meta">
|
|
|
|
<span class="name">{{ $image->name }}</span>
|
2023-05-24 12:07:32 -04:00
|
|
|
<span class="date">{{ trans('components.image_uploaded', ['uploadedDate' => $image->created_at->format('Y-m-d')]) }}</span>
|
2020-07-24 19:20:58 -04:00
|
|
|
</div>
|
2023-05-24 12:07:32 -04:00
|
|
|
</button>
|
2020-07-24 19:20:58 -04:00
|
|
|
</div>
|
|
|
|
@endforeach
|
2023-05-26 09:30:59 -04:00
|
|
|
@if(count($images) === 0)
|
|
|
|
<p class="m-m text-bigger italic text-muted">{{ trans('common.no_items') }}</p>
|
|
|
|
@endif
|
2020-07-24 19:20:58 -04:00
|
|
|
@if($hasMore)
|
2023-04-26 09:23:28 -04:00
|
|
|
<div class="load-more">
|
|
|
|
<button type="button" class="button small outline">{{ trans('components.image_load_more') }}</button>
|
|
|
|
</div>
|
2020-07-24 19:20:58 -04:00
|
|
|
@endif
|