@extends('layouts/layoutMaster')

@section('title', 'Cities')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
  <div>
    <h4 class="mb-1">Ciudades</h4>
    <p class="mb-0 text-muted">Gestion de ciudades para home, footer, SEO y landings publicas.</p>
  </div>

  <a class="btn btn-primary" href="{{ route('admin.cities.create') }}">Nueva ciudad</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.cities.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="Ciudad 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.cities.index') }}">Limpiar</a>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Ciudad</th>
          <th>Slug</th>
          <th>Orden</th>
          <th>Publicada</th>
          <th>Home</th>
          <th>Footer</th>
          <th>Actualizada</th>
          <th class="text-end">Acciones</th>
        </tr>
      </thead>
      <tbody class="table-border-bottom-0">
        @forelse ($cities as $city)
          <tr>
            <td class="fw-medium">{{ $city->name }}</td>
            <td>{{ $city->slug }}</td>
            <td>{{ $city->sort_order }}</td>
            <td><span class="badge {{ $city->is_published ? 'bg-label-success' : 'bg-label-secondary' }}">{{ $city->is_published ? 'Si' : 'No' }}</span></td>
            <td>{{ $city->is_featured_home ? 'Si' : 'No' }}</td>
            <td>{{ $city->show_in_footer ? 'Si' : 'No' }}</td>
            <td>{{ $city->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.cities.edit', $city) }}">Editar</a>
                <form method="POST" action="{{ route('admin.cities.destroy', $city) }}" onsubmit="return confirm('Eliminar ciudad?');">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-sm btn-label-danger" type="submit">Eliminar</button>
                </form>
              </div>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="8" class="text-center text-muted py-6">No hay ciudades registradas.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

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