100 lines
4.3 KiB
HTML
100 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Captura de Datos — 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="/captura.css">
|
|
</head>
|
|
<body>
|
|
<div id="shared-nav"></div>
|
|
|
|
<div class="captura-container">
|
|
<!-- Main Tabs -->
|
|
<div class="captura-tabs">
|
|
<button class="captura-tab active" data-tab="oem">Partes OEM</button>
|
|
<button class="captura-tab" data-tab="aftermarket">Intercambios</button>
|
|
<button class="captura-tab" data-tab="images">Imagenes</button>
|
|
</div>
|
|
|
|
<!-- ============================================ -->
|
|
<!-- SECTION 1: OEM Parts Entry -->
|
|
<!-- ============================================ -->
|
|
<div id="section-oem" class="captura-section active">
|
|
<!-- Vehicle selection view -->
|
|
<div id="oem-vehicle-select">
|
|
<div class="status-tabs">
|
|
<button class="status-tab active" data-status="pending">Pendientes</button>
|
|
<button class="status-tab" data-status="in_progress">En progreso</button>
|
|
</div>
|
|
|
|
<div class="vehicle-filters">
|
|
<div class="filter-group">
|
|
<label>Marca</label>
|
|
<select id="oem-brand-filter">
|
|
<option value="">Todas</option>
|
|
</select>
|
|
</div>
|
|
<div class="filter-group">
|
|
<label>Modelo</label>
|
|
<input id="oem-model-filter" type="text" placeholder="Buscar modelo...">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="oem-vehicle-list" class="vehicle-list">
|
|
<div class="loading"><div class="spinner"></div></div>
|
|
</div>
|
|
<div id="oem-vehicle-pagination" class="captura-pagination"></div>
|
|
</div>
|
|
|
|
<!-- Part entry view (hidden until vehicle selected) -->
|
|
<div id="oem-part-entry" style="display: none;">
|
|
<div id="oem-vehicle-header" class="vehicle-header"></div>
|
|
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
|
|
<div>
|
|
<div class="progress-bar" style="width: 200px;">
|
|
<div id="oem-progress-fill" class="progress-fill" style="width: 0%"></div>
|
|
</div>
|
|
<span id="oem-progress-text" class="progress-text">0 partes registradas</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="oem-groups-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============================================ -->
|
|
<!-- SECTION 2: Aftermarket / Interchange Entry -->
|
|
<!-- ============================================ -->
|
|
<div id="section-aftermarket" class="captura-section">
|
|
<div class="captura-search">
|
|
<input id="aftermarket-search" type="text" placeholder="Buscar por # OEM o nombre...">
|
|
<button class="btn btn-primary" onclick="loadPartsWithoutAftermarket()">Buscar</button>
|
|
</div>
|
|
|
|
<div id="aftermarket-list"></div>
|
|
<div id="aftermarket-pagination" class="captura-pagination"></div>
|
|
</div>
|
|
|
|
<!-- ============================================ -->
|
|
<!-- SECTION 3: Image Upload -->
|
|
<!-- ============================================ -->
|
|
<div id="section-images" class="captura-section">
|
|
<div class="captura-search">
|
|
<input id="image-search" type="text" placeholder="Buscar por # OEM o nombre...">
|
|
<button class="btn btn-primary" onclick="loadPartsWithoutImage()">Buscar</button>
|
|
</div>
|
|
|
|
<div id="image-list"></div>
|
|
<div id="image-pagination" class="captura-pagination"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/nav.js"></script>
|
|
<script src="/captura.js"></script>
|
|
</body>
|
|
</html>
|