help_desk/views/saas/companies.ejs

<%- include('../partials/header') %>
<% title = 'Empresas - SaaS Admin'; %>

<% if (success_msg && success_msg.length > 0) { %>
    <% success_msg.forEach(msg => { %>
        <div class="alert alert-success alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
    <% }) %>
<% } %>
<% if (error_msg && error_msg.length > 0) { %>
    <% error_msg.forEach(msg => { %>
        <div class="alert alert-danger alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
    <% }) %>
<% } %>

<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Panel SaaS - Empresas</h1>
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createModal">
        <i class="fas fa-plus"></i> Nueva Empresa
    </button>
</div>

<div class="table-responsive">
    <table class="table table-striped table-hover">
        <thead class="table-dark">
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Slug</th>
                <th>Plan</th>
                <th>Usuarios</th>
                <th>Tickets</th>
                <th>Límites</th>
                <th>Activo</th>
                <th>Acción</th>
            </tr>
        </thead>
        <tbody>
            <% companies.forEach(c => { %>
            <tr>
                <td><%= c.id %></td>
                <td><%= c.name %></td>
                <td><code><%= c.slug %></code></td>
                <td><span class="badge bg-<%= c.plan === 'enterprise' ? 'danger' : c.plan === 'pro' ? 'warning' : 'secondary' %>"><%= c.plan %></span></td>
                <td><%= c.userCount || 0 %></td>
                <td><%= c.ticketCount || 0 %></td>
                <td><%= c.max_users %> users / <%= c.max_tickets %> tickets</td>
                <td>
                    <span class="badge bg-<%= c.is_active ? 'success' : 'danger' %>">
                        <%= c.is_active ? 'Sí' : 'No' %>
                    </span>
                </td>
                <td>
                    <button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editModal<%= c.id %>">
                        <i class="fas fa-edit"></i>
                    </button>
                </td>
            </tr>
            <% }) %>
        </tbody>
    </table>
</div>

<div class="modal fade" id="createModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="/saas/companies/create" method="POST">
                <div class="modal-header">
                    <h5 class="modal-title">Nueva Empresa</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Nombre</label>
                        <input type="text" name="name" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Slug (identificador único)</label>
                        <input type="text" name="slug" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Plan</label>
                        <select name="plan" class="form-select">
                            <option value="free">Free</option>
                            <option value="pro">Pro</option>
                            <option value="enterprise">Enterprise</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Crear</button>
                </div>
            </form>
        </div>
    </div>
</div>

<% companies.forEach(c => { %>
<div class="modal fade" id="editModal<%= c.id %>">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="/saas/companies/update/<%= c.id %>" method="POST">
                <div class="modal-header">
                    <h5 class="modal-title">Editar <%= c.name %></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Nombre</label>
                        <input type="text" name="name" class="form-control" value="<%= c.name %>">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Plan</label>
                        <select name="plan" class="form-select">
                            <option value="free" <%= c.plan === 'free' ? 'selected' : '' %>>Free</option>
                            <option value="pro" <%= c.plan === 'pro' ? 'selected' : '' %>>Pro</option>
                            <option value="enterprise" <%= c.plan === 'enterprise' ? 'selected' : '' %>>Enterprise</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Máx. Usuarios</label>
                        <input type="number" name="max_users" class="form-control" value="<%= c.max_users %>">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Máx. Tickets</label>
                        <input type="number" name="max_tickets" class="form-control" value="<%= c.max_tickets %>">
                    </div>
                    <div class="form-check mb-3">
                        <input type="checkbox" name="is_active" class="form-check-input" value="1" <%= c.is_active ? 'checked' : '' %>>
                        <label class="form-check-label">Activo</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Guardar</button>
                </div>
            </form>
        </div>
    </div>
</div>
<% }) %>

<%- include('../partials/footer') %>