You've already forked Atomcms-edit
root
43 lines
1.6 KiB
PHP
Executable File
43 lines
1.6 KiB
PHP
Executable File
<x-app-layout>
|
|
@push('title', __('Photos'))
|
|
|
|
<div class="col-span-12">
|
|
<div class="mb-6 p-6 rounded-xl border-2">
|
|
<div class="flex items-center gap-4">
|
|
<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-lg" style="background-color: var(--color-primary);">
|
|
<svg class="w-8 h-8" style="color: var(--button-text-color);" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h1 class="text-2xl font-bold" style="color: var(--color-text)">{{ __('Photos') }}</h1>
|
|
<p style="color: var(--color-text-muted)">Bekijk de beste momenten vastgelegd door gebruikers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<x-content.content-card icon="camera-icon" classes="border dark:border-gray-900">
|
|
<x-slot:title>
|
|
{{ __('Photo Gallery') }}
|
|
</x-slot:title>
|
|
|
|
<x-slot:under-title>
|
|
{{ __('Klik op een foto om deze te vergroten') }}
|
|
</x-slot:under-title>
|
|
|
|
<x-photos :photos="$photos" />
|
|
</x-content.content-card>
|
|
|
|
<div class="mt-6">
|
|
{{ $photos->links() }}
|
|
</div>
|
|
</div>
|
|
|
|
@push('javascript')
|
|
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
|
|
@endpush
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />
|
|
</x-app-layout>
|