@extends('layouts.panel-admin')
@section('title', 'Fotos huérfanas')
@section('content')

<div class="page-header">
    <h1>Fotos huérfanas</h1>
    <span class="text-muted">
        {{ $orphanedFiles->count() }} archivo(s) sin registro &bull;
        {{ $brokenRecords->count() }} registro(s) sin archivo &bull;
        {{ $profilelessRecords->count() }} registro(s) sin perfil
    </span>
</div>

@if($orphanedFiles->isEmpty() && $brokenRecords->isEmpty() && $profilelessRecords->isEmpty())
    <div class="alert alert-success">
        Todo limpio. No hay fotos huérfanas.
    </div>
@endif

{{-- ── Archivos sin registro en BD ── --}}
@if($orphanedFiles->isNotEmpty())
<section style="margin-bottom:2.5rem">
    <h2 style="font-size:1.1rem;margin-bottom:1rem">
        Archivos en disco sin registro en BD
        <span class="badge badge-warning">{{ $orphanedFiles->count() }}</span>
    </h2>
    <div class="photo-grid">
        @foreach($orphanedFiles as $photo)
        <div class="photo-card">
            <div class="photo-card__preview">
                <a href="/storage/photos/{{ $photo->filename }}" target="_blank">
                    <img src="/storage/photos/{{ $photo->thumbExists ? $photo->thumbName : $photo->filename }}"
                         alt="{{ $photo->filename }}"
                         loading="lazy">
                </a>
            </div>
            <div class="photo-card__info">
                <p class="photo-card__name" title="{{ $photo->filename }}">{{ $photo->filename }}</p>
                <p class="photo-card__meta">
                    {{ number_format($photo->size / 1024, 1) }} KB
                    @if($photo->thumbExists)
                        &bull; <span style="color:var(--color-success)">Miniatura ✓</span>
                    @else
                        &bull; <span style="color:var(--color-warning)">Sin miniatura</span>
                    @endif
                </p>
            </div>
            <div class="photo-card__actions">
                <a href="/storage/photos/{{ $photo->filename }}" target="_blank" class="btn btn-sm btn-secondary">Ver</a>
                <form method="POST"
                      action="/panel-admin/fotos-huerfanas/archivo/{{ $photo->filename }}"
                      onsubmit="return confirm('¿Eliminar este archivo del disco?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">Eliminar</button>
                </form>
            </div>
        </div>
        @endforeach
    </div>
</section>
@endif

{{-- ── Registros en BD sin archivo en disco ── --}}
@if($brokenRecords->isNotEmpty())
<section style="margin-bottom:2.5rem">
    <h2 style="font-size:1.1rem;margin-bottom:1rem">
        Registros en BD sin archivo en disco
        <span class="badge badge-warning">{{ $brokenRecords->count() }}</span>
    </h2>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Filename</th>
                <th>Profile ID</th>
                <th>Estado</th>
                <th>Creado</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @foreach($brokenRecords as $record)
            <tr>
                <td style="font-family:monospace;font-size:.85rem">{{ $record->filename }}</td>
                <td style="font-family:monospace;font-size:.75rem">
                    <a href="/panel-admin/perfiles/{{ $record->profile_id }}/editar">{{ $record->profile_id }}</a>
                </td>
                <td>
                    <span class="badge {{ $record->status === 'approved' ? 'badge-success' : 'badge-warning' }}">
                        {{ $record->status === 'approved' ? 'Aprobada' : 'Pendiente' }}
                    </span>
                </td>
                <td>{{ $record->created_at }}</td>
                <td>
                    <form method="POST"
                          action="/panel-admin/fotos-huerfanas/registro/{{ $record->id }}"
                          onsubmit="return confirm('¿Eliminar este registro de la base de datos?')">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-sm btn-danger">Eliminar registro</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</section>
@endif

{{-- ── Registros con perfil inexistente ── --}}
@if($profilelessRecords->isNotEmpty())
<section style="margin-bottom:2.5rem">
    <h2 style="font-size:1.1rem;margin-bottom:1rem">
        Registros cuyo perfil fue eliminado
        <span class="badge badge-warning">{{ $profilelessRecords->count() }}</span>
    </h2>
    <div class="photo-grid">
        @foreach($profilelessRecords as $record)
        <div class="photo-card">
            <div class="photo-card__preview">
                @if($record->fileExists)
                    <a href="/storage/photos/{{ $record->filename }}" target="_blank">
                        <img src="/storage/photos/{{ $record->thumbExists ? $record->thumbName : $record->filename }}"
                             alt="{{ $record->filename }}"
                             loading="lazy">
                    </a>
                @else
                    <div style="display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:.8rem;padding:1rem;text-align:center">
                        Archivo no encontrado
                    </div>
                @endif
            </div>
            <div class="photo-card__info">
                <p class="photo-card__name" title="{{ $record->filename }}">{{ $record->filename }}</p>
                <p class="photo-card__meta">
                    @if($record->fileExists)
                        <span style="color:var(--color-success)">Archivo en disco ✓</span>
                    @else
                        <span style="color:#94a3b8">Sin archivo</span>
                    @endif
                    &bull;
                    <span class="badge {{ $record->status === 'approved' ? 'badge-success' : 'badge-warning' }}">
                        {{ $record->status === 'approved' ? 'Aprobada' : 'Pendiente' }}
                    </span>
                </p>
            </div>
            <div class="photo-card__actions">
                @if($record->fileExists)
                    <a href="/storage/photos/{{ $record->filename }}" target="_blank" class="btn btn-sm btn-secondary">Ver</a>
                @endif
                <form method="POST"
                      action="/panel-admin/fotos-huerfanas/sin-perfil/{{ $record->id }}"
                      onsubmit="return confirm('¿Eliminar registro y archivo?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">Eliminar</button>
                </form>
            </div>
        </div>
        @endforeach
    </div>
</section>
@endif

<style>
.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}
.photo-card {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.photo-card__preview {
    aspect-ratio: 3/4;
    overflow: hidden;
    background: #f1f5f9;
}
.photo-card__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .2s;
}
.photo-card__preview img:hover { opacity: .85; }
.photo-card__info {
    padding: .5rem .75rem .25rem;
    flex: 1;
}
.photo-card__name {
    font-size: .78rem;
    font-family: monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 .25rem;
}
.photo-card__meta {
    font-size: .75rem;
    color: #64748b;
    margin: 0;
}
.photo-card__actions {
    padding: .5rem .75rem .75rem;
    display: flex;
    gap: .5rem;
}
.photo-card__actions form { margin: 0; }
</style>

@endsection