@extends('layouts/layoutMaster')

@section('title', 'Leads')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-6">
  <div>
    <h4 class="mb-1">Leads</h4>
    <p class="mb-0 text-muted">Entradas del formulario comercial y contactos de restaurantes.</p>
  </div>
</div>

<div class="card mb-6">
  <div class="card-body">
    <form method="GET" action="{{ route('admin.leads.index') }}">
      <div class="row g-4 align-items-end">
        <div class="col-md-5">
          <label class="form-label" for="q">Buscar</label>
          <input
            class="form-control"
            id="q"
            name="q"
            type="text"
            value="{{ request('q') }}"
            placeholder="Negocio, contacto, email, telefono o ciudad" />
        </div>
        <div class="col-md-3">
          <label class="form-label" for="status">Estado</label>
          <select class="form-select" id="status" name="status">
            <option value="">Todos</option>
            @foreach ($statuses as $status)
              <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-4 d-flex gap-2">
          <button class="btn btn-primary" type="submit">Filtrar</button>
          <a class="btn btn-label-secondary" href="{{ route('admin.leads.index') }}">Limpiar</a>
        </div>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="table-responsive text-nowrap">
    <table class="table">
      <thead>
        <tr>
          <th>Fecha</th>
          <th>Negocio</th>
          <th>Contacto</th>
          <th>Ciudad</th>
          <th>Tipo</th>
          <th>Estado</th>
          <th class="text-end">Accion</th>
        </tr>
      </thead>
      <tbody class="table-border-bottom-0">
        @forelse ($leads as $lead)
          <tr>
            <td>{{ $lead->created_at?->format('d/m/Y H:i') }}</td>
            <td>
              <span class="fw-medium d-block">{{ $lead->business_name }}</span>
              <small class="text-muted">WA promo: {{ $lead->whatsapp_opt_in ? 'si' : 'no' }}</small>
            </td>
            <td>
              <span class="d-block">{{ trim($lead->owner_name . ' ' . $lead->owner_lastname) }}</span>
              <small class="text-muted d-block">{{ $lead->email }}</small>
              <small class="text-muted">{{ $lead->phone }}</small>
            </td>
            <td>{{ $lead->city ?: 'Sin especificar' }}</td>
            <td>{{ $lead->business_type }}</td>
            <td>
              @php
                $statusClass = match ($lead->status) {
                    'contacted' => 'bg-label-warning',
                    'closed' => 'bg-label-success',
                    default => 'bg-label-primary',
                };
              @endphp
              <span class="badge {{ $statusClass }}">{{ $lead->status }}</span>
            </td>
            <td class="text-end">
              <a class="btn btn-sm btn-label-primary" href="{{ route('admin.leads.show', $lead) }}">Ver detalle</a>
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="7" class="text-center text-muted py-6">No hay leads registrados todavia.</td>
          </tr>
        @endforelse
      </tbody>
    </table>
  </div>

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