@extends('layouts.app')

@section('titulo', 'Productos cotizados por cliente')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Clientes</div>
      <h2>Productos cotizados por cliente</h2>
    </div>
  </div>

  <div class="panel" style="margin-bottom:22px;">
    <div class="panel-head"><h3>Buscar</h3></div>
    <form method="get" action="{{ route('productos-cotizados') }}" class="filtros-bar" id="formBusqueda" data-url-clientes="{{ route('buscar.clientes') }}">
      <div class="field-sm" style="position:relative; min-width:260px;">
        <label for="clienteInput">Cliente</label>
        <input type="text" id="clienteInput" autocomplete="off" placeholder="Escribe el nombre del cliente…" value="{{ $cliente?->nombre }}" required>
        <input type="hidden" name="cliente" id="clienteId" value="{{ $cliente?->id }}">
        <div id="clienteResultados" class="autocomplete-list"></div>
      </div>
      <div class="field-sm" style="min-width:220px;">
        <label for="filtroProducto">Producto (opcional)</label>
        <input type="text" id="filtroProducto" name="q" placeholder="Filtra por descripción o P/N…" value="{{ $q }}">
      </div>
      <button type="submit" class="btn-aplicar no-print">Buscar</button>
      @if ($cliente)<a class="btn-ghost" href="{{ route('productos-cotizados') }}">Limpiar</a>@endif
    </form>
  </div>

  @if ($cliente)
  <div class="kpis" style="grid-template-columns:repeat(3,1fr); margin-bottom:22px;">
    <div class="kpi"><div class="lbl">Líneas encontradas</div><div class="val">{{ $lineas->count() }}</div></div>
    <div class="kpi"><div class="lbl">Cotizaciones distintas</div><div class="val gold">{{ $distintas }}</div></div>
    <div class="kpi"><div class="lbl">Última cotización</div><div class="val">{{ $ultimaFecha?->translatedFormat('d M Y') ?? '—' }}</div></div>
  </div>

  @php($esAdmin = auth()->user()->esAdministrador())
  <div class="panel">
    <div class="panel-head">
      <h3>Resultados para <b>{{ $cliente->nombre }}</b>{{ $q !== '' ? " · «{$q}»" : '' }}</h3>
    </div>
    <table>
      <thead>
        <tr><th>Folio</th><th>Fecha</th><th>P/N</th><th>Descripción</th><th style="text-align:center;">Cant.</th><th style="text-align:right;">Precio unit.</th><th style="text-align:right;">Subtotal</th><th>Estado</th>@if ($esAdmin)<th>Vendedor</th>@endif</tr>
      </thead>
      <tbody>
        @forelse ($lineas as $linea)
        @php($c = $linea->cotizacion)
        <tr>
          <td><a href="{{ route('cotizaciones.show', $c) }}" class="js-ver-cotizacion">{{ $c->folio }}</a></td>
          <td>{{ $c->fecha_emision->translatedFormat('d M Y') }}</td>
          <td>{{ $linea->pn ?: '—' }}</td>
          <td>{{ $linea->descripcion }}</td>
          <td style="text-align:center;">{{ rtrim(rtrim(number_format((float) $linea->cantidad, 2), '0'), '.') }}</td>
          <td class="monto" style="text-align:right;">{{ \App\Support\Montos::formatear((float) $linea->precio_unitario, $c->moneda) }}</td>
          <td class="monto" style="text-align:right;">{{ \App\Support\Montos::formatear((float) $linea->subtotal_linea, $c->moneda) }}</td>
          <td><span class="badge {{ $c->claseEstado() }}"><span class="dot"></span>{{ $c->etiquetaEstado() }}</span></td>
          @if ($esAdmin)<td>{{ $c->vendedor->nombre }}</td>@endif
        </tr>
        @empty
        <tr><td colspan="{{ $esAdmin ? 9 : 8 }}" class="tabla-vacia">Este cliente no tiene productos cotizados{{ $q !== '' ? " que coincidan con «{$q}»" : '' }}.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  @else
  <div class="panel">
    <div class="tabla-vacia" style="padding:40px !important;">Selecciona un cliente para ver los productos que se le han cotizado.</div>
  </div>
  @endif

  @include('partials.modal-cotizacion')
@endsection

@push('scripts')
<script src="{{ asset('js/producto-cotizado.js') }}"></script>
<script src="{{ asset('js/modal-cotizacion.js') }}"></script>
@endpush