@extends('admin.layouts.admin')

@section('title', 'Blog · Comentarios')

@php $sBadge = ['pending' => 'badge-warn', 'approved' => 'badge-active', 'spam' => 'badge-secondary']; @endphp

@section('content')

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
    <div>
        <div class="admin-page-title">Comentarios</div>
        <p class="admin-page-sub mb-0">Modera los comentarios antes de que aparezcan.</p>
    </div>
</div>

<div class="mb-3 d-flex gap-2 flex-wrap">
    @foreach(['' => 'Todos', 'pending' => 'Pendientes', 'approved' => 'Aprobados', 'spam' => 'Spam'] as $k => $v)
        <a href="{{ route('admin.blog.comments.index', ['status' => $k ?: null]) }}"
           class="btn btn-sm {{ (string) $status === (string) $k ? 'btn-fermenty-primary' : 'btn-fermenty-outline' }}">
            {{ $v }}@if($k === 'pending' && $pendingCount) ({{ $pendingCount }})@endif
        </a>
    @endforeach
</div>

<div class="admin-card">
    @if($comments->isEmpty())
        <div class="fermenty-empty"><div class="empty-title">Sin comentarios</div></div>
    @else
        @foreach($comments as $c)
            <div class="py-3" style="border-bottom:1px solid #eee;">
                <div class="d-flex justify-content-between align-items-start gap-2 flex-wrap">
                    <div>
                        <strong>{{ $c->author_name }}</strong>
                        <span class="admin-user-email">{{ $c->author_email }}</span>
                        <span class="fermenty-badge {{ $sBadge[$c->status] ?? 'badge-secondary' }} ms-1">{{ $c->status }}</span>
                        @if($c->parent_id)<span class="fermenty-badge badge-secondary ms-1">respuesta</span>@endif
                    </div>
                    <span class="admin-user-email">{{ $c->created_at->format('d/m/Y H:i') }}</span>
                </div>
                <div class="mt-1" style="font-size:.9rem;">{{ \Illuminate\Support\Str::limit($c->body, 280) }}</div>
                <div class="admin-user-email mt-1">en: {{ $c->post?->title ?? '—' }}</div>
                <div class="d-flex gap-2 mt-2">
                    @if($c->status !== 'approved')
                        <form method="POST" action="{{ route('admin.blog.comments.update', $c) }}">@csrf @method('PUT')<input type="hidden" name="status" value="approved"><button class="btn-xs-admin" style="color:#1f6b2e;">✓ Aprobar</button></form>
                    @endif
                    @if($c->status !== 'spam')
                        <form method="POST" action="{{ route('admin.blog.comments.update', $c) }}">@csrf @method('PUT')<input type="hidden" name="status" value="spam"><button class="btn-xs-admin">Spam</button></form>
                    @endif
                    <form method="POST" action="{{ route('admin.blog.comments.destroy', $c) }}" onsubmit="return confirm('¿Eliminar definitivamente?')">@csrf @method('DELETE')<button class="btn-xs-admin" style="color:#7A1A1A;">Eliminar</button></form>
                </div>
            </div>
        @endforeach
        <div class="mt-3">{{ $comments->links() }}</div>
    @endif
</div>

@endsection