@extends('layouts/layoutMaster')

@section('title', 'Home Featureds')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
  <div>
    <h4 class="mb-1">Destacados Home</h4>
    <p class="mb-0 text-muted">Gestion de testimonios o bloques destacados de la home.</p>
  </div>

  <a class="btn btn-primary" href="{{ route('admin.home-featureds.create') }}">Nuevo destacado</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.home-featureds.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="Autor o texto" />
        </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.home-featureds.index') }}">Limpiar</a>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Autor</th>
          <th>Orden</th>
          <th>Publicado</th>
          <th>Actualizado</th>
          <th class="text-end">Acciones</th>
        </tr>
      </thead>
      <tbody class="table-border-bottom-0">
        @forelse ($items as $item)
          <tr>
            <td class="fw-medium">{{ $item->author_text }}</td>
            <td>{{ $item->sort_order }}</td>
            <td><span class="badge {{ $item->is_published ? 'bg-label-success' : 'bg-label-secondary' }}">{{ $item->is_published ? 'Si' : 'No' }}</span></td>
            <td>{{ $item->updated_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.home-featureds.edit', $item) }}">Editar</a>
                <form method="POST" action="{{ route('admin.home-featureds.destroy', $item) }}" onsubmit="return confirm('Eliminar destacado?');">
                  @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 destacados registrados.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

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