9cffbb3bf3
- Extracted 10 sections from admin.html (3315 lines) into separate files: - dashboard.html (298 lines) - properties.html (242 lines) - leads.html (280 lines) - testimonials.html (78 lines) - faq.html (91 lines) - services.html (61 lines) - settings.html (93 lines) - users.html (73 lines) - analytics.html (64 lines) - traffic.html (69 lines) - admin.html reduced from 3315 to 1582 lines - Added dynamic section loader via fetch() - Sections load on-demand when clicking sidebar links - Previously loaded sections cached in memory - Updated server routes to serve all section files - DataTables initialized per-section on load
62 lines
3.3 KiB
HTML
62 lines
3.3 KiB
HTML
<!-- ============ SERVICES SECTION ============ -->
|
|
<section class="page-section" id="section-services">
|
|
<div class="page-header">
|
|
<div>
|
|
<h1 class="page-title">Servicios</h1>
|
|
<p class="page-subtitle">Gestiona los servicios que ofreces</p>
|
|
</div>
|
|
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#serviceModal">
|
|
<i class="bi bi-plus-lg me-2"></i>Añadir servicio
|
|
</button>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<div class="service-icon mx-auto mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="bi bi-file-text text-white" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h5>Asesoría Legal</h5>
|
|
<p class="text-muted small">Verificación completa de la documentación</p>
|
|
<div class="d-flex justify-content-center gap-2 mt-3">
|
|
<button class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></button>
|
|
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<div class="service-icon mx-auto mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="bi bi-key text-white" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h5>Financiación Hipotecaria</h5>
|
|
<p class="text-muted small">Apoyo en obtención de préstamos hipotecarios</p>
|
|
<div class="d-flex justify-content-center gap-2 mt-3">
|
|
<button class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></button>
|
|
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card text-center">
|
|
<div class="card-body">
|
|
<div class="service-icon mx-auto mb-3" style="width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="bi bi-tools text-white" style="font-size: 2rem;"></i>
|
|
</div>
|
|
<h5>Reformas y Construcción</h5>
|
|
<p class="text-muted small">Red de arquitectos y constructores locales</p>
|
|
<div class="d-flex justify-content-center gap-2 mt-3">
|
|
<button class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></button>
|
|
<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|