{{-- resources/views/clientes/partials/lista_grupo.blade.php --}}
{{-- Renderizado vía AJAX después de storeTmp / storeTmpExistente / eliminarLinea --}}
<table style="width:100%;border-collapse:collapse;font-size:.82rem;">
    <thead>
        <tr>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;">Código</th>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;">Nombre</th>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;">CI</th>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;">Dirección</th>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;">Tipo</th>
            <th style="background:var(--primary);color:#fff;padding:.4rem .6rem;font-size:.73rem;text-transform:uppercase;text-align:center;">&#128465;</th>
        </tr>
    </thead>
    <tbody>
        @forelse($lineas as $i => $l)
        <tr style="{{ $i % 2 === 0 ? 'background:#fff;' : 'background:#f4f6f9;' }}">
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;font-weight:600;">{{ $l->id }}</td>
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;">{{ $l->nombre }}</td>
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;">{{ $l->ci }}</td>
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;">{{ $l->direccion }}</td>
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;">
                @if($l->tipo === 'Titular')
                    <span style="background:#dbeafe;color:#1e40af;padding:.1rem .4rem;border-radius:3px;font-size:.72rem;font-weight:700;">Titular</span>
                @else
                    <span style="background:#f3f4f6;color:#6b7280;padding:.1rem .4rem;border-radius:3px;font-size:.72rem;font-weight:700;">Codeudor</span>
                @endif
            </td>
            <td style="padding:.35rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;">
                @if($l->tipo === 'Codeudor')
                    <button type="button"
                            onclick="eliminarLineaGrupo({{ $l->id }}, {{ $idgrupo }})"
                            style="background:none;border:none;cursor:pointer;color:#b91c1c;font-size:1rem;"
                            title="Eliminar codeudor">&#128465;</button>
                @endif
            </td>
        </tr>
        @empty
        <tr>
            <td colspan="6" style="text-align:center;padding:1rem;color:#6b7a90;font-size:.83rem;">
                Aún no hay clientes agregados.
            </td>
        </tr>
        @endforelse
    </tbody>
</table>

<script>
// Inyectar función de eliminación (accesible desde el partial)
async function eliminarLineaGrupo(codcli, idgrupo) {
    if (!confirm('¿Desea eliminar este cliente del grupo? ID: ' + codcli)) return;
    const res  = await fetch("{{ route('clientes.eliminarLinea') }}", {
        method: 'DELETE',
        headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': "{{ csrf_token() }}" },
        body: JSON.stringify({ codcli, idgrupo }),
    });
    const html = await res.text();
    document.getElementById('lista-grupo').innerHTML = html;
}
</script>