@extends('layouts.admin')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between mb-3">
        <h2>Blog</h2>
        <a href="{{ route('admin.blog-posts.create') }}" class="btn btn-primary">Nuevo Artículo</a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form method="GET" class="mb-3 d-flex align-items-center gap-2">
        <select name="status" class="form-select w-auto">
            <option value="">Todos</option>
            <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Borrador</option>
            <option value="published" {{ request('status') == 'published' ? 'selected' : '' }}>Publicado</option>
        </select>
        <button class="btn btn-outline-primary">Filtrar</button>
    </form>

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Título</th>
                <th>Slug</th>
                <th>Fecha</th>
                <th>Acciones</th>
                <th>Visitas</th>
            </tr>
        </thead>
        <tbody>
            @foreach($posts as $post)
            <tr>
                <td>{{ $post->title }}</td>
                <td>{{ $post->slug }}</td>
                <td>{{ $post->created_at->format('d/m/Y') }}</td>
                <td>
                    <a href="{{ route('admin.blog-posts.edit', $post) }}" class="btn btn-sm btn-warning">Editar</a>
                    <form action="{{ route('admin.blog-posts.destroy', $post) }}" method="POST" style="display:inline-block;">
                        @csrf @method('DELETE')
                        <button class="btn btn-sm btn-danger" onclick="return confirm('¿Eliminar este artículo?')">Eliminar</button>
                    </form>
                </td>
                <td>
                    <a href="{{ route('blog.show', $post->slug) }}" target="_blank">🔗 Ver</a>
                </td>

            </tr>
            @endforeach
        </tbody>
    </table>

    {{ $posts->links() }}
</div>
@endsection