{{-- resources/views/lotes/partials/rejilla.blade.php --}}
<table id="tabla-lotes" style="width:100%;border-collapse:collapse;font-size:.82rem;">
    <thead>
        <tr>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;">#</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Código</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:left;font-size:.75rem;text-transform:uppercase;">Urbanización</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:left;font-size:.75rem;text-transform:uppercase;">Distrito</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Manz.</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Lote</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Sup. m²</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Estado</th>
            <th style="background:var(--primary);color:#fff;padding:.5rem .6rem;text-align:center;font-size:.75rem;text-transform:uppercase;">Acciones</th>
        </tr>
    </thead>
    <tbody>
        @forelse($lotes as $i => $lote)
            @php
                $badgeClass = match((int)$lote->iteest) {
                    1 => 'badge-disponible',
                    2 => 'badge-reservado',
                    3 => 'badge-proceso',
                    4 => 'badge-vendido',
                    5 => 'badge-tramite',
                    6 => 'badge-consolidado',
                    default => '',
                };
            @endphp
            <tr style="{{ $i % 2 === 0 ? 'background:#fff;' : 'background:#f4f6f9;' }}"
                onmouseover="this.style.background='#e8edf4'"
                onmouseout="this.style.background='{{ $i % 2 === 0 ? '#fff' : '#f4f6f9' }}'">

                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;color:#6b7a90;">
                    {{ $i + 1 }}
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;font-weight:600;">
                    <a href="{{ route('lotes.show', $lote->id) }}" style="color:var(--primary);text-decoration:none;">
                        {{ $lote->id }}
                    </a>
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;">
                    <a href="{{ route('lotes.show', $lote->id) }}" style="color:var(--text);text-decoration:none;">
                        {{ $lote->urbanizacion?->nombre ?? '—' }}
                    </a>
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;">
                    {{ $lote->distrito?->nombre ?? '—' }}
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;">
                    {{ $lote->manzano }}
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;font-weight:600;">
                    {{ $lote->nombre }}
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;">
                    {{ number_format($lote->superf, 2) }}
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;text-align:center;">
                    <span class="badge {{ $badgeClass }}">{{ $lote->estado_label }}</span>
                </td>
                <td style="padding:.4rem .6rem;border-bottom:1px solid #d0d7e2;">
                    <div style="display:flex;gap:.35rem;justify-content:center;">
                        <a href="{{ route('lotes.show', $lote->id) }}"
                           class="btn btn-primary btn-sm" title="Ver detalle">&#128065;</a>
                        @if(in_array(session('tipo'), [1, 4]))
                        <a href="{{ route('lotes.edit', $lote->id) }}"
                           class="btn btn-accent btn-sm" title="Modificar">&#9998;</a>
                        @endif
                        @if(session('tipo') == 1)
                        <a href="{{ route('lotes.confirmDelete', $lote->id) }}"
                           class="btn btn-danger btn-sm" title="Eliminar">&#128465;</a>
                        @endif
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="9" style="text-align:center;padding:2rem;color:#6b7a90;">
                    No hay lotes que cumplan con los criterios de búsqueda.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>
@if($lotes->isNotEmpty())
<p style="font-size:.78rem;color:#6b7a90;margin-top:.5rem;text-align:right;">
    {{ $lotes->count() }} registro(s) encontrado(s)
</p>
@endif