@extends('layouts.app')

@section('titulo', 'Clientes')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Directorio</div>
      <h2>Clientes</h2>
    </div>
    <a href="{{ route('clientes.create') }}" class="btn-gold">＋ Nuevo cliente</a>
  </div>

  @include('partials.alertas')

  <div class="kpis" style="grid-template-columns:repeat(3,1fr);">
    <div class="kpi"><div class="lbl">Clientes registrados</div><div class="val">{{ $totalClientes }}</div></div>
    <div class="kpi"><div class="lbl">Con cotizaciones este mes</div><div class="val gold">{{ $activosDelMes }}</div></div>
    <div class="kpi"><div class="lbl">Nuevos en {{ now()->translatedFormat('F') }}</div><div class="val g">{{ $nuevosDelMes }}</div></div>
  </div>

  <div class="panel">
    <div class="panel-head">
      <h3>{{ $q !== '' ? "Resultados para «{$q}»" : 'Todos los clientes' }}</h3>
      <form class="search" method="get" action="{{ route('clientes.index') }}">
        <input type="text" name="q" placeholder="Buscar por nombre o RUC…" value="{{ $q }}">
        <button type="submit">Buscar</button>
        @if ($q !== '')<a class="clear" href="{{ route('clientes.index') }}">Limpiar</a>@endif
      </form>
    </div>
    <table>
      <thead>
        <tr><th>Cliente</th><th>Contacto</th><th style="text-align:center;">Cotiz.</th><th>Última</th><th>Total aprobado</th><th></th></tr>
      </thead>
      <tbody>
        @forelse ($clientes as $cliente)
        <tr>
          <td class="cliente"><b>{{ $cliente->nombre }}</b><span class="fol">RUC {{ $cliente->ruc ?: '—' }}</span></td>
          <td class="cliente">
            <b style="font-weight:400;">{{ $cliente->persona_contacto ?: '—' }}</b>
            <span>{{ collect([$cliente->correo, $cliente->telefono])->filter()->implode(' · ') ?: '—' }}</span>
          </td>
          <td style="text-align:center;">{{ $cliente->num_cotizaciones }}</td>
          <td>{{ $cliente->ultima_fecha ? \Illuminate\Support\Carbon::parse($cliente->ultima_fecha)->translatedFormat('d M Y') : '—' }}</td>
          <td class="monto">
            @if ((float) $cliente->aprobado_pen == 0 && (float) $cliente->aprobado_usd == 0)
              <span class="sin-dato">—</span>
            @else
              @if ((float) $cliente->aprobado_pen > 0){{ \App\Support\Montos::formatear((float) $cliente->aprobado_pen, 'PEN') }}@endif
              @if ((float) $cliente->aprobado_pen > 0 && (float) $cliente->aprobado_usd > 0)<br>@endif
              @if ((float) $cliente->aprobado_usd > 0){{ \App\Support\Montos::formatear((float) $cliente->aprobado_usd, 'USD') }}@endif
            @endif
          </td>
          <td style="white-space:nowrap;">
            <a class="icon-btn icono-enlace" href="{{ route('clientes.edit', $cliente) }}" title="Editar cliente">✎</a>
            <a class="icon-btn icono-enlace" href="{{ route('panel', ['q' => $cliente->nombre]) }}" title="Ver cotizaciones del cliente">🕘</a>
          </td>
        </tr>
        @empty
        <tr><td colspan="6" class="tabla-vacia">No se encontraron clientes.</td></tr>
        @endforelse
      </tbody>
    </table>
    @include('partials.paginacion', ['paginador' => $clientes])
  </div>
@endsection