{{-- 
@EXAMPLE:
    @includeIf('layouts.components.photoviewer', [ 'images' => [
        [   'src' => 'https://example.com/image1.jpg',
            'created_at' => '2023-06-15 10:00:00',
            'created_by' => 1, 
            'origin'     => 'okis3',
        ],
        [   'src' => 'https://example.com/image2.jpg',
            'created_at' => '2023-06-15 10:00:00',
            'created_by' => 1, 
            'origin'     => 'okis3',
        ],
    ] ])
--}} 


@if( !empty($images) && is_array($images) )
    @includeIf('layouts.components.card_header', [
        'title' 			=> 'Bisherigen Fotos',
    ])
    <div class="card-body mt-3">

        <div class="image-set row justify-content-center">

            @foreach ($images as $image)
                <a class="col-6 col-lg-2 image-item" data-gallery="order" data-caption="" data-group="a" href="{{ $image['src'] }}">
                    <img class="rounded-2 cursor-zoom" src="{{ $image['src'] }}" alt="" width="100%">
                    @if(!empty($image['origin']))
                        <span class="badge rounded-pill origin-pill text-bg-secondary fs-7">{{ $image['otigin'] ?? '' }}</span>
                    @endif
                    @if(!empty($image['created_at']))
                        <span class="badge rounded-pill created-pill text-bg-secondary fs-7">{{ $image['created_at'] ?? '' }}</span>
                        {{-- <span class="badge rounded-pill text-bg-secondary fs-7">{{ diff_time_to_human($image['created_at']) ?? '' }}</span> --}}
                    @endif
                    @if(!empty($image['created_by']))
                        <span class="badge rounded-pill author-pill text-bg-secondary fs-7">{{ $image['created_by'] ?? '' }}</span>
                        {{-- <span class="badge rounded-pill text-bg-secondary fs-7">{{ User::name($image['created_by']) ?? '' }}</span> --}}
                    @endif
                    @if(!empty($image['description']))
                        <span class="badge rounded-pill description-pill text-bg-secondary fs-7">{{ $image['description'] ?? '' }}</span>
                        {{-- <span class="badge rounded-pill text-bg-secondary fs-7">{{ User::name($image['created_by']) ?? '' }}</span> --}}
                    @endif
                </a>
            @endforeach

        </div>
    </div>


    @section('section-css')
        @parent
        @once
            <link rel="stylesheet" href="{{ asset("css/photoviewer.css") }}">
        @endonce
    @stop

    @section('section-js')
        @parent
        @once
            <script src="{{ asset('js/photoviewer.js') }}"></script>
        @endonce
    @stop

@endif