@extends('layouts/layoutMaster')

@section('title', 'Posts')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
  <div>
    <h4 class="mb-1">Posts</h4>
    <p class="mb-0 text-muted">Gestion de contenido editorial para el blog y SEO publico.</p>
  </div>

  <a class="btn btn-primary" href="{{ route('admin.posts.create') }}">Nuevo post</a>
</div>

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

<div class="card mb-6">
  <div class="card-body">
    <form method="GET" action="{{ route('admin.posts.index') }}">
      <div class="row g-4 align-items-end">
        <div class="col-md-6">
          <label class="form-label" for="q">Buscar</label>
          <input class="form-control" id="q" name="q" type="text" value="{{ request('q') }}" placeholder="Titulo o slug" />
        </div>
        <div class="col-md-6 d-flex gap-2">
          <button class="btn btn-primary" type="submit">Buscar</button>
          <a class="btn btn-label-secondary" href="{{ route('admin.posts.index') }}">Limpiar</a>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Titulo</th>
          <th>Slug</th>
          <th>Estado</th>
          <th>Publicacion</th>
          <th class="text-end">Acciones</th>
        </tr>
      </thead>
      <tbody class="table-border-bottom-0">
        @forelse ($posts as $post)
          <tr>
            <td class="fw-medium">{{ $post->title }}</td>
            <td>{{ $post->slug }}</td>
            <td>
              <span class="badge {{ $post->is_published ? 'bg-label-success' : 'bg-label-secondary' }}">
                {{ $post->is_published ? 'Publicado' : 'Borrador' }}
              </span>
            </td>
            <td>{{ $post->published_at?->format('d/m/Y H:i') ?? '-' }}</td>
            <td class="text-end">
              <div class="d-inline-flex gap-2">
                <a class="btn btn-sm btn-label-primary" href="{{ route('admin.posts.edit', $post) }}">Editar</a>
                <form method="POST" action="{{ route('admin.posts.destroy', $post) }}" onsubmit="return confirm('Eliminar post?');">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-sm btn-label-danger" type="submit">Eliminar</button>
                </form>
              </div>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="5" class="text-center text-muted py-6">No hay posts creados.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  @if ($posts->hasPages())
    <div class="card-body border-top">
      {{ $posts->links() }}
    </div>
  @endif
</div>
@endsection