@extends('admin.layouts.master')

@section('title', 'Shared Memory Photos')

@section('content')
    @include('admin.partials.page-header', [
        'title' => 'Shared Memory Photos',
        'crumbs' => [
            ['label' => 'Memorials', 'url' => route('admin.funeral.index')],
            ['label' => 'Shared Memories', 'url' => route('admin.funeral.fond-memory', $fId)],
            ['label' => 'Photos'],
        ],
    ])

    <div class="card">
        <div class="card-body">
            <div class="row g-3">
                @forelse ($images as $image)
                    <div class="col-6 col-md-3 col-lg-2">
                        <div class="border rounded p-2 text-center">
                            <img src="{{ $image->si_image ? asset('uploads/share_memory/'.$sId.'/'.$image->si_image) : asset('uploads/noimage.png') }}"
                                 class="img-fluid rounded" alt="Photo"
                                 style="height:160px;object-fit:cover;width:100%;"
                                 onerror="this.onerror=null;this.src='{{ asset('uploads/noimage.png') }}';">
                            <a href="{{ route('admin.funeral.fond-memory-image-delete', [$image->si_id, $sId, $fId]) }}"
                               class="btn btn-sm btn-soft-danger mt-2 w-100 js-confirm-delete"
                               data-href="{{ route('admin.funeral.fond-memory-image-delete', [$image->si_id, $sId, $fId]) }}">
                                <i class="ti ti-trash"></i> Delete
                            </a>
                        </div>
                    </div>
                @empty
                    <div class="col-12 text-center text-muted py-5">No photos found</div>
                @endforelse
            </div>
        </div>
    </div>
@endsection