@extends('layouts/layoutMaster')

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

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
  <div>
    <h4 class="mb-1">Logos Home</h4>
    <p class="mb-0 text-muted">Gestion del bloque de logos o marcas de confianza en la home.</p>
  </div>

  <a class="btn btn-primary" href="{{ route('admin.home-logos.create') }}">Nuevo logo</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-logos.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="Nombre del logo" />
        </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-logos.index') }}">Limpiar</a>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Nombre</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 ($logos as $logo)
          <tr>
            <td class="fw-medium">{{ $logo->name }}</td>
            <td>{{ $logo->sort_order }}</td>
            <td><span class="badge {{ $logo->is_published ? 'bg-label-success' : 'bg-label-secondary' }}">{{ $logo->is_published ? 'Si' : 'No' }}</span></td>
            <td>{{ $logo->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-logos.edit', $logo) }}">Editar</a>
                <form method="POST" action="{{ route('admin.home-logos.destroy', $logo) }}" onsubmit="return confirm('Eliminar logo?');">
                  @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 logos registrados.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

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