<!-- MODULE 1A: INSTALLERS CRUD -->
<section id="section-instaladores" class="section-view active">
    <div class="card">
        <div style="margin-bottom: 2rem;">
            <h2 style="margin: 0; display: flex; align-items: center; gap: 10px;">
                <img src="?action=get_image&name=installers-management.png" style="width:64px;height:64px;"> Gestión de Catálogo de Instaladores
            </h2>
            <p style="color: var(--text-muted); margin: 5px 0 0 0;">👷 Administra tu equipo de técnicos instaladores y sus números de contacto</p>
        </div>

        <div style="display: flex; justify-content: flex-end; margin-bottom: 2rem;">
            <button class="btn btn-primary" onclick="openInstallerModal()" style="height: 42px;">
                + Nuevo Instalador
            </button>
        </div>

        <div style="overflow-x: auto;">
            <table id="installersTable">
                <thead>
                    <tr>
                        <th>ID Sistema</th>
                        <th>Nombre</th>
                        <th>WhatsApp</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>

        <div id="installersEmptyState" class="placeholder-state" style="display: none;">
            <span class="placeholder-icon">🔍</span>
            <p>No se encontraron instaladores</p>
        </div>
    </div>
</section>
