@extends('layouts/layoutMaster')

@section('title', 'Clientes - Admin')

@section('content')
  @php
    use App\Models\User;
  @endphp

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

  <div class="row g-6 mb-6">
    <div class="col-sm-6 col-xl-3">
      <div class="card">
        <div class="card-body">
          <span class="text-heading">Total clientes</span>
          <div class="d-flex align-items-center my-1">
            <h4 class="mb-0 me-2">{{ number_format($totalClients) }}</h4>
          </div>
          <small class="mb-0">Registros cliente en plataforma</small>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xl-3">
      <div class="card">
        <div class="card-body">
          <span class="text-heading">Clientes activos</span>
          <div class="d-flex align-items-center my-1">
            <h4 class="mb-0 me-2">{{ number_format($activeClients) }}</h4>
          </div>
          <small class="mb-0">Acceso habilitado</small>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xl-3">
      <div class="card">
        <div class="card-body">
          <span class="text-heading">Con perfil</span>
          <div class="d-flex align-items-center my-1">
            <h4 class="mb-0 me-2">{{ number_format($clientsWithProfile) }}</h4>
          </div>
          <small class="mb-0">Ciudad o preferencias registradas</small>
        </div>
      </div>
    </div>
    <div class="col-sm-6 col-xl-3">
      <div class="card">
        <div class="card-body">
          <span class="text-heading">Con actividad</span>
          <div class="d-flex align-items-center my-1">
            <h4 class="mb-0 me-2">{{ number_format($clientsWithActivity) }}</h4>
          </div>
          <small class="mb-0">Favoritos, vistas, solicitudes o reseñas</small>
        </div>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header border-bottom">
      <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
        <div>
          <h5 class="card-title mb-1">Clientes registrados</h5>
          <p class="mb-0 text-body-secondary">Gestiona cuentas de clientes, sus datos básicos y su actividad dentro del marketplace.</p>
        </div>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-label-primary">Volver al dashboard</a>
      </div>
    </div>

    <div class="card-body border-bottom">
      <form method="GET" action="{{ route('admin.clients.index') }}" class="row g-4">
        <div class="col-md-4">
          <label class="form-label" for="clients-search">Buscar</label>
          <input
            id="clients-search"
            type="text"
            name="search"
            value="{{ $filters['search'] }}"
            class="form-control"
            placeholder="Nombre, email, teléfono, ciudad"
          />
        </div>
        <div class="col-md-3">
          <label class="form-label" for="clients-status">Estado</label>
          <select id="clients-status" name="status" class="form-select">
            <option value="">Todos</option>
            <option value="{{ User::STATUS_ACTIVE }}" @selected($filters['status'] === User::STATUS_ACTIVE)>Activo</option>
            <option value="{{ User::STATUS_INACTIVE }}" @selected($filters['status'] === User::STATUS_INACTIVE)>Inactivo</option>
            <option value="{{ User::STATUS_PENDING_ACTIVATION }}" @selected($filters['status'] === User::STATUS_PENDING_ACTIVATION)>Pendiente</option>
          </select>
        </div>
        <div class="col-md-2">
          <label class="form-label" for="clients-profile">Perfil</label>
          <select id="clients-profile" name="profile" class="form-select">
            <option value="">Todos</option>
            <option value="with" @selected($filters['profile'] === 'with')>Con perfil</option>
            <option value="without" @selected($filters['profile'] === 'without')>Sin perfil</option>
          </select>
        </div>
        <div class="col-md-3">
          <label class="form-label" for="clients-activity">Actividad</label>
          <select id="clients-activity" name="activity" class="form-select">
            <option value="">Todos</option>
            <option value="with" @selected($filters['activity'] === 'with')>Con actividad</option>
            <option value="without" @selected($filters['activity'] === 'without')>Sin actividad</option>
          </select>
        </div>
        <div class="col-12 d-flex flex-wrap gap-2">
          <button type="submit" class="btn btn-primary">Aplicar filtros</button>
          <a href="{{ route('admin.clients.index') }}" class="btn btn-label-secondary">Limpiar</a>
        </div>
      </form>
    </div>

    <div class="table-responsive">
      <table class="table">
        <thead class="table-light">
          <tr>
            <th>Cliente</th>
            <th>Ubicación</th>
            <th>Actividad</th>
            <th>Estado</th>
            <th class="text-end">Acciones</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($clients as $client)
            @php
              $profile = $client->clientProfile;
              $statusClass = match ($client->status) {
                User::STATUS_ACTIVE => 'bg-label-success',
                User::STATUS_INACTIVE => 'bg-label-secondary',
                default => 'bg-label-warning',
              };
              $statusLabel = $client->statusLabel();
              $activityTotal = (int) ($client->favorites_count + $client->recent_views_count + $client->conversations_count + $client->reviews_count);
            @endphp
            <tr>
              <td>
                <div class="d-flex flex-column">
                  <a href="{{ route('admin.clients.show', $client) }}" class="fw-semibold text-heading">{{ $client->display_name ?: $client->email }}</a>
                  <small class="text-body-secondary">{{ $client->email }}</small>
                  <small class="text-body-secondary">{{ $client->phone ?: 'Sin teléfono' }}</small>
                </div>
              </td>
              <td>
                <div class="d-flex flex-column">
                  <span>{{ $profile?->city_name ?: 'Sin ciudad' }}</span>
                  <small class="text-body-secondary">{{ $profile?->zone_name ?: 'Sin zona' }}</small>
                </div>
              </td>
              <td>
                <div class="d-flex flex-column">
                  <span>{{ $activityTotal }} interacciones</span>
                  <small class="text-body-secondary">
                    {{ (int) $client->conversations_count }} solicitudes ·
                    {{ (int) $client->favorites_count }} favoritos ·
                    {{ (int) $client->reviews_count }} reseñas
                  </small>
                </div>
              </td>
              <td>
                <span class="badge {{ $statusClass }}">{{ $statusLabel }}</span>
              </td>
              <td class="text-end">
                <div class="d-inline-flex gap-2">
                  <a href="{{ route('admin.clients.show', $client) }}" class="btn btn-sm btn-outline-primary">Ver</a>
                  <a href="{{ route('admin.clients.edit', $client) }}" class="btn btn-sm btn-outline-secondary">Editar</a>
                  <form action="{{ route('admin.clients.toggle-status', $client) }}" method="POST" onsubmit="return confirm('¿Actualizar el estado de este cliente?');">
                    @csrf
                    @method('PATCH')
                    <button type="submit" class="btn btn-sm {{ $client->status === User::STATUS_ACTIVE ? 'btn-outline-danger' : 'btn-outline-success' }}">
                      {{ $client->status === User::STATUS_ACTIVE ? 'Inactivar' : 'Activar' }}
                    </button>
                  </form>
                </div>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="5" class="text-center py-5 text-body-secondary">No hay clientes que coincidan con los filtros actuales.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>

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