@extends('layouts.app')

@section('titulo', 'Cotizaciones')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Panel general</div>
      <h2>Cotizaciones</h2>
    </div>
    <a href="{{ route('cotizaciones.create') }}" class="btn-gold">＋ Nueva cotización</a>
  </div>

  @include('partials.alertas')

  <div class="kpis">
    <div class="kpi"><div class="lbl">Cotizaciones del mes</div><div class="val">{{ $totalMes }}</div></div>
    <div class="kpi"><div class="lbl">Pendientes</div><div class="val gold">{{ $conteos['pendiente'] ?? 0 }}</div></div>
    <div class="kpi"><div class="lbl">Aprobadas</div><div class="val g">{{ $conteos['aprobada'] ?? 0 }}</div></div>
    <div class="kpi"><div class="lbl">Rechazadas</div><div class="val r">{{ $conteos['rechazada'] ?? 0 }}</div></div>
  </div>

  <div class="panel">
    <div class="panel-head">
      <h3>{{ $titulo }}</h3>
      <form class="search" method="get" action="{{ route('panel') }}">
        <input type="text" name="q" placeholder="Buscar por folio o cliente…" value="{{ $q }}">
        <button type="submit">Buscar</button>
        @if ($q !== '')<a class="clear" href="{{ route('panel') }}">Limpiar</a>@endif
      </form>
    </div>
    <table>
      <thead>
        <tr><th>Folio</th><th>Cliente</th><th>Fecha</th><th>Vendedor</th><th>Total</th><th>Estado</th><th style="text-align:center;">Facturado</th><th></th></tr>
      </thead>
      <tbody>
        @forelse ($cotizaciones as $c)
        <tr>
          <td class="fol">{{ $c->folio }}</td>
          <td class="cliente"><b>{{ $c->cliente->nombre }}</b><span>RUC {{ $c->cliente->ruc ?: '—' }}</span></td>
          <td>{{ $c->fecha_emision->translatedFormat('d M Y') }}</td>
          <td>{{ $c->vendedor->nombre }}</td>
          <td class="monto">{{ \App\Support\Montos::formatear((float) $c->total, $c->moneda) }}</td>
          <td><span class="badge {{ $c->claseEstado() }}"><span class="dot"></span>{{ $c->etiquetaEstado() }}</span></td>
          <td style="text-align:center;">
            @if ($c->estado === 'aprobada')
            <form method="post" action="{{ route('cotizaciones.facturado', $c) }}" style="display:inline;">
              @csrf @method('PATCH')
              <input type="hidden" name="q" value="{{ $q }}">
              <input type="hidden" name="facturado" value="0">
              <input type="checkbox" name="facturado" value="1" @checked($c->facturado) onchange="this.form.submit()" title="Marcar como facturado" class="casilla-facturado">
            </form>
            @else
            <span class="sin-dato">—</span>
            @endif
          </td>
          <td style="white-space:nowrap;">
            @if (in_array($c->estado, ['pendiente', 'enviada'], true))
            <form method="post" action="{{ route('cotizaciones.estado', $c) }}" style="display:inline;"
                  data-confirmar="aprobar" data-confirmar-titulo="Aprobar cotización" data-confirmar-boton="Aprobar"
                  data-confirmar-destacado="{{ $c->folio }}"
                  data-confirmar-mensaje="La cotización {destacado} pasará a Aprobada y ya no se podrá editar. ¿Deseas continuar?">
              @csrf @method('PATCH')
              <input type="hidden" name="estado" value="aprobada"><input type="hidden" name="q" value="{{ $q }}">
              <button type="submit" class="icon-btn" style="color:var(--green);" title="Marcar como aprobada">✓</button>
            </form>
            <form method="post" action="{{ route('cotizaciones.estado', $c) }}" style="display:inline;"
                  data-confirmar="rechazar" data-confirmar-titulo="Rechazar cotización" data-confirmar-boton="Rechazar"
                  data-confirmar-destacado="{{ $c->folio }}"
                  data-confirmar-mensaje="La cotización {destacado} pasará a Rechazada. ¿Deseas continuar?">
              @csrf @method('PATCH')
              <input type="hidden" name="estado" value="rechazada"><input type="hidden" name="q" value="{{ $q }}">
              <button type="submit" class="icon-btn" style="color:var(--red);" title="Marcar como rechazada">✕</button>
            </form>
            @endif
            @if ($c->esEditable())
            <a class="icon-btn icono-enlace" href="{{ route('cotizaciones.edit', $c) }}" title="Editar cotización">✎</a>
            @endif
            <form method="post" action="{{ route('cotizaciones.duplicar', $c) }}" style="display:inline;">
              @csrf
              <button type="submit" class="icon-btn" title="Duplicar para enviar a otro cliente">⧉</button>
            </form>
            <a class="icon-btn icono-enlace js-ver-cotizacion" href="{{ route('cotizaciones.show', $c) }}" title="Ver / imprimir">🖨</a>
          </td>
        </tr>
        @empty
        <tr><td colspan="8" class="tabla-vacia">No se encontraron cotizaciones.</td></tr>
        @endforelse
      </tbody>
    </table>
    @include('partials.paginacion', ['paginador' => $paginador])
  </div>

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

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