114 lines
5.6 KiB
HTML
114 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Punto de Venta — NEXUS AUTOPARTS</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/shared.css">
|
|
<link rel="stylesheet" href="/pos.css">
|
|
</head>
|
|
<body>
|
|
<div id="shared-nav"></div>
|
|
|
|
<div class="pos-container">
|
|
<div class="pos-layout">
|
|
<!-- LEFT: Main area -->
|
|
<div class="pos-main">
|
|
<!-- Customer selection -->
|
|
<div class="customer-bar" style="position:relative">
|
|
<div id="customer-select" style="flex:1;position:relative">
|
|
<input class="cb-search" id="customer-search" type="text" placeholder="Buscar cliente por nombre o RFC...">
|
|
<div id="customer-dropdown" class="customer-dropdown" style="display:none"></div>
|
|
</div>
|
|
<div id="customer-info" class="cb-selected" style="display:none">
|
|
<span class="cb-name" id="sel-customer-name"></span>
|
|
<span class="cb-rfc" id="sel-customer-rfc"></span>
|
|
<span class="cb-balance" id="sel-customer-balance"></span>
|
|
<button class="btn btn-secondary" style="padding:0.3rem 0.6rem;font-size:0.8rem" id="btn-change-customer">Cambiar</button>
|
|
</div>
|
|
<button class="btn btn-secondary" id="btn-new-customer" style="padding:0.5rem 0.8rem;font-size:0.85rem">+ Nuevo</button>
|
|
</div>
|
|
|
|
<!-- Part search -->
|
|
<div class="part-search-wrap">
|
|
<input class="part-search" id="part-search" type="text" placeholder="Buscar parte por # OEM, # aftermarket o nombre...">
|
|
<div id="part-results" class="part-results"></div>
|
|
</div>
|
|
|
|
<!-- Cart -->
|
|
<div class="cart-card">
|
|
<h3>Carrito</h3>
|
|
<table class="cart-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Descripcion</th>
|
|
<th>Tipo</th>
|
|
<th>Cant</th>
|
|
<th>Costo</th>
|
|
<th>Margen%</th>
|
|
<th>Precio</th>
|
|
<th>Total</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="cart-body">
|
|
<tr><td colspan="8" class="cart-empty">Busca y agrega partes al carrito</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RIGHT: Summary -->
|
|
<div class="pos-sidebar">
|
|
<div class="invoice-summary">
|
|
<h3>Resumen de Factura</h3>
|
|
<div class="summary-row">
|
|
<span class="sr-label">Articulos</span>
|
|
<span class="sr-value" id="sum-items">0</span>
|
|
</div>
|
|
<div class="summary-row">
|
|
<span class="sr-label">Subtotal</span>
|
|
<span class="sr-value" id="sum-subtotal">$0.00</span>
|
|
</div>
|
|
<div class="summary-row">
|
|
<span class="sr-label">IVA (16%)</span>
|
|
<span class="sr-value" id="sum-tax">$0.00</span>
|
|
</div>
|
|
<div class="summary-row total">
|
|
<span class="sr-label">Total</span>
|
|
<span class="sr-value" id="sum-total">$0.00</span>
|
|
</div>
|
|
<textarea class="invoice-notes" id="invoice-notes" placeholder="Notas de la factura (opcional)"></textarea>
|
|
<button class="btn-facturar" id="btn-facturar" disabled>Facturar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- New Customer Modal -->
|
|
<div id="modal-new-customer" class="modal-overlay" style="display:none">
|
|
<div class="modal-content">
|
|
<h3>Nuevo Cliente</h3>
|
|
<div class="modal-field"><label>Nombre *</label><input id="nc-name" required></div>
|
|
<div class="modal-field"><label>RFC</label><input id="nc-rfc" maxlength="13" placeholder="XAXX010101000"></div>
|
|
<div class="modal-field"><label>Razon Social</label><input id="nc-business"></div>
|
|
<div class="modal-field"><label>Telefono</label><input id="nc-phone"></div>
|
|
<div class="modal-field"><label>Email</label><input id="nc-email" type="email"></div>
|
|
<div class="modal-field"><label>Direccion</label><input id="nc-address"></div>
|
|
<div style="display:flex;gap:1rem">
|
|
<div class="modal-field" style="flex:1"><label>Limite de Credito</label><input id="nc-credit" type="number" value="0"></div>
|
|
<div class="modal-field" style="flex:1"><label>Dias de Credito</label><input id="nc-terms" type="number" value="30"></div>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button class="btn btn-secondary" id="nc-cancel">Cancelar</button>
|
|
<button class="btn btn-primary" id="nc-save">Guardar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/nav.js"></script>
|
|
<script src="/pos.js"></script>
|
|
</body>
|
|
</html>
|