@extends('admin.layouts.master')

@section('title', 'Shared Memories')

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

    <div class="card">
        <div class="card-body">
            @if ($memories->isEmpty())
                <div class="text-center text-muted py-5">No shared memories found</div>
            @else
                <div class="table-responsive">
                    <table class="table table-striped table-centered w-100" id="fondmemory-table">
                        <thead class="fs-xxs text-uppercase bg-light bg-opacity-25">
                            <tr>
                                <th>Id</th>
                                <th>Name</th>
                                <th>Memory</th>
                                <th>Photos</th>
                                <th>Date</th>
                                <th>Current Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($memories as $index => $memory)
                                @php
                                    $firstImage = $memory->images->first();
                                    $photoCount = $memory->images->count();
                                    $thumbUrl = $firstImage && $firstImage->si_image
                                        ? asset('uploads/share_memory/'.$memory->s_id.'/'.$firstImage->si_image)
                                        : null;
                                @endphp
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $memory->user?->user_name ?: '-' }}</td>
                                    <td>{{ trim((string) $memory->s_memory) !== '' ? $memory->s_memory : 'Photo share' }}</td>
                                    <td>
                                        @if ($thumbUrl)
                                            <a href="{{ route('admin.funeral.fond-memory-images', [$memory->s_id, $funeral->f_id]) }}" title="View photos">
                                                <img src="{{ $thumbUrl }}"
                                                     alt="Shared photo"
                                                     class="rounded"
                                                     style="width:56px;height:56px;object-fit:cover;"
                                                     onerror="this.src='{{ asset('uploads/noimage.png') }}';">
                                            </a>
                                            @if ($photoCount > 1)
                                                <div class="small text-muted mt-1">+{{ $photoCount - 1 }} more</div>
                                            @endif
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td>{{ $memory->s_date ? date('m-d-Y', strtotime($memory->s_date)) : '-' }}</td>
                                    <td>
                                        <button type="button"
                                                class="btn btn-sm {{ $memory->s_status == '1' ? 'btn-success' : 'btn-info' }}"
                                                data-bs-toggle="modal"
                                                data-bs-target="#statusModal{{ $memory->s_id }}">
                                            {{ $memory->s_status == '1' ? 'Enable' : 'Disable' }}
                                        </button>
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.funeral.fond-memory-images', [$memory->s_id, $funeral->f_id]) }}"
                                           class="btn btn-sm btn-soft-primary" title="Images">
                                            <i class="ti ti-photo"></i>
                                            @if ($photoCount > 0)
                                                <span class="ms-1">{{ $photoCount }}</span>
                                            @endif
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    @foreach ($memories as $memory)
        <div class="modal fade" id="statusModal{{ $memory->s_id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('admin.funeral.share-status-update') }}">
                    @csrf
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Update Status</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body">Are you sure you want to update status?</div>
                        <input type="hidden" name="id" value="{{ $memory->s_id }}">
                        <input type="hidden" name="fid" value="{{ $funeral->f_id }}">
                        <input type="hidden" name="status" value="{{ $memory->s_status }}">
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary btn-sm">OK</button>
                            <button type="button" class="btn btn-light btn-sm border" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    @endforeach
@endsection

@push('scripts')
    @if ($memories->isNotEmpty())
        <script>
            $(function () {
                $('#fondmemory-table').DataTable({
                    searching: true,
                    ordering: true,
                    order: [[0, 'asc']],
                    columnDefs: [{ targets: '_all', defaultContent: '-' }],
                    language: { emptyTable: 'No shared memories found' }
                });
            });
        </script>
    @endif
@endpush