@extends('admin.layouts.admin')

@section('title', 'Blog · Artículos')

@php
    $statusBadge = ['draft' => 'badge-warn', 'published' => 'badge-active', 'scheduled' => 'badge-premium', 'archived' => 'badge-secondary'];
    $catColors = ['teal' => '#3E7C77', 'amber' => '#D0A03A', 'purple' => '#8A5BB0', 'blue' => '#3F6FB0', 'coral' => '#B5503A', 'gray' => '#79847B'];
@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">Artículos del blog</div>
        <p class="admin-page-sub mb-0">Crea, edita y publica artículos.</p>
    </div>
    <a href="{{ route('admin.blog.posts.create') }}" class="btn btn-fermenty-primary btn-sm">+ Nuevo artículo</a>
</div>

{{-- Filters --}}
<form method="GET" class="admin-card mb-3 d-flex flex-wrap gap-2 align-items-end">
    <div>
        <label class="form-label mb-1" style="font-size:.8rem;">Buscar</label>
        <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="Título…">
    </div>
    <div>
        <label class="form-label mb-1" style="font-size:.8rem;">Estado</label>
        <select name="status" class="form-select form-select-sm">
            <option value="">Todos</option>
            @foreach(['draft' => 'Borrador', 'published' => 'Publicado', 'scheduled' => 'Programado', 'archived' => 'Archivado'] as $k => $v)
                <option value="{{ $k }}" @selected(request('status') === $k)>{{ $v }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="form-label mb-1" style="font-size:.8rem;">Categoría</label>
        <select name="category" class="form-select form-select-sm">
            <option value="">Todas</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected((string) request('category') === (string) $cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
    </div>
    <button type="submit" class="btn btn-fermenty-outline btn-sm">Filtrar</button>
    <a href="{{ route('admin.blog.posts.index', ['trash' => $trash ? null : 1]) }}" class="btn btn-fermenty-outline btn-sm ms-auto">
        {{ $trash ? '← Volver a artículos' : '🗑 Papelera' }}
    </a>
</form>

<div class="admin-card">
    @if($posts->isEmpty())
        <div class="fermenty-empty"><div class="empty-title">Sin artículos</div><div class="empty-text">Crea el primero.</div></div>
    @else
        <div class="table-responsive">
            <table class="table align-middle">
                <thead>
                    <tr style="font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#79847B;">
                        <th></th><th>Título</th><th>Categoría</th><th>Estado</th><th>Vistas</th><th>Publicado</th><th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($posts as $post)
                        <tr>
                            <td style="width:64px;">
                                <div style="width:54px;height:36px;border-radius:8px;background:#EEE center/cover no-repeat;background-image:url('{{ $post->cover_image_url }}')"></div>
                            </td>
                            <td>
                                <div style="font-weight:600;">{{ $post->title }}</div>
                                <div class="admin-user-email">{{ $post->comments_count }} comentarios · {{ $post->read_time_minutes }} min</div>
                            </td>
                            <td>
                                @if($post->category)
                                    <span class="fermenty-badge" style="background:{{ $catColors[$post->category->color_key] ?? '#79847B' }}1a;color:{{ $catColors[$post->category->color_key] ?? '#79847B' }};">{{ $post->category->name }}</span>
                                @else
                                    <span class="admin-user-email">—</span>
                                @endif
                            </td>
                            <td><span class="fermenty-badge {{ $statusBadge[$post->status] ?? 'badge-secondary' }}">{{ $post->status }}</span></td>
                            <td class="numeric">{{ $post->views_count }}</td>
                            <td class="admin-user-email">{{ $post->published_at?->format('d/m/Y') ?? '—' }}</td>
                            <td class="text-end">
                                @if($trash)
                                    <form method="POST" action="{{ route('admin.blog.posts.restore', $post->id) }}">
                                        @csrf
                                        <button class="btn-xs-admin">Restaurar</button>
                                    </form>
                                @else
                                    <a href="{{ $post->status === 'published' ? route('blog.show', $post->slug) : route('admin.blog.posts.preview', $post) }}"
                                       target="_blank" rel="noopener" class="btn-xs-admin">Ver</a>
                                    <a href="{{ route('admin.blog.posts.edit', $post) }}" class="btn-xs-admin">Editar</a>
                                    <form method="POST" action="{{ route('admin.blog.posts.destroy', $post) }}" class="d-inline" onsubmit="return confirm('¿Enviar a la papelera?')">
                                        @csrf @method('DELETE')
                                        <button class="btn-xs-admin" style="color:#7A1A1A;">Borrar</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-3">{{ $posts->links() }}</div>
    @endif
</div>

@endsection