Carpeta views
This commit is contained in:
Axel Axt
@@ -0,0 +1,181 @@
|
||||
<?php require __DIR__ . '/../../includes/navBar.php'; ?>
|
||||
|
||||
<div class="container my-5">
|
||||
|
||||
<div class="card card-rounded card-shadow border-0 card-viewport">
|
||||
|
||||
<!-- HEADER -->
|
||||
|
||||
<div class="card-header header-dark px-4 py-3">
|
||||
<div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
|
||||
|
||||
<h4 class="mb-0 title-shadow">
|
||||
<i class="fas fa-wrench icon-xl me-2"></i>
|
||||
Detalle de Servicio N° <?= htmlspecialchars($idServicio) ?>
|
||||
</h4>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
|
||||
<!-- BOTÓN FANTASMA (mantiene el layout) -->
|
||||
|
||||
<a class="btn btn-success invisible">
|
||||
<i class="fas fa-plus me-1"></i>
|
||||
</a>
|
||||
|
||||
<a href="?opt=listar_servicios" class="btn btn-soft-secondary text-white">
|
||||
<i class="fas fa-arrow-left me-1"></i>
|
||||
Volver
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BODY -->
|
||||
|
||||
<div class="card-body p-4 d-flex flex-column card-body-scroll">
|
||||
|
||||
<!-- DETALLES DEL EQUIPO -->
|
||||
|
||||
<div class="mb-4 flex-shrink-0">
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<h6 class="text-muted mb-1">Datos del Servicio</h6>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa mb-1 fw-semibold">Descripcion del Equipo</label>
|
||||
<input class="form-control campo-readonly"
|
||||
value="<?= htmlspecialchars($datosServicio['equipo'] ?? '') ?>" readonly>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa mb-1 fw-semibold">Contraseña del Equipo</label>
|
||||
<input class="form-control campo-readonly"
|
||||
value="<?= htmlspecialchars(($datosServicio['contrasenia_equipo'] ?? '')) ?>" readonly>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa mb-1 fw-semibold">Cuenta Gmail/Apple</label>
|
||||
<input class="form-control campo-readonly"
|
||||
value="<?= htmlspecialchars($datosServicio['cuenta'] ?? '') ?>" readonly>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa mb-1 fw-semibold">Contraseña Gmail/Apple</label>
|
||||
<input class="form-control campo-readonly"
|
||||
value="<?= htmlspecialchars($datosServicio['contrasenia_cuenta'] ?? '') ?>" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- DESCRIPCION DEL PROBLEMA -->
|
||||
|
||||
<div class="mb-4 flex-shrink-0">
|
||||
|
||||
<div class="row g-3">
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="label-formventa mb-1 fw-semibold">Descripcion Del Problema</label>
|
||||
<textarea class="form-control campo-readonly"
|
||||
rows="3" readonly
|
||||
><?= htmlspecialchars($datosServicio['problema'] ?? '') ?> </textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- OBSERVACIONES EXTRA -->
|
||||
|
||||
<div class="mb-4 flex-shrink-0">
|
||||
|
||||
<div class="row g-3">
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="label-formventa mb-1 fw-semibold">Observaciones/Detalles</label>
|
||||
<textarea class="form-control campo-readonly"
|
||||
rows="2" readonly
|
||||
><?= htmlspecialchars($datosServicio['observacion'] ?? '') ?></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- DETALLE DE LO REALIZADO -->
|
||||
|
||||
<div class="mb-4 flex-shrink-0">
|
||||
|
||||
<div class="row g-3">
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="label-formventa mb-1 fw-semibold">Detalle de lo Realizado</label>
|
||||
<textarea class="form-control campo-readonly"
|
||||
rows="3" readonly
|
||||
><?= htmlspecialchars($datosServicio['detalle_realizado']) ?></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- DATOS FINALES -->
|
||||
|
||||
<div class="mb-2 flex-shrink-0">
|
||||
|
||||
<div class="row g-3 align-items-end">
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa fw-semibold">Mano de Obra</label>
|
||||
<input class="form-control campo-readonly fw-semibold"
|
||||
value="$ <?= number_format($datosServicio['mano_obra'], 2) ?>"
|
||||
readonly>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="label-formventa fw-semibold">Total</label>
|
||||
<input class="form-control campo-readonly fw-semibold"
|
||||
value="$ <?= number_format($datosServicio['total'], 2) ?>"
|
||||
readonly>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Errores provinientes de servicioController -->
|
||||
|
||||
<!-- ERROR -->
|
||||
|
||||
<script>
|
||||
const serverErrors = <?php
|
||||
if (!empty($_SESSION['flash_error'])) {
|
||||
$errorsArray = explode('<br>', $_SESSION['flash_error']);
|
||||
unset($_SESSION['flash_error']);
|
||||
echo json_encode($errorsArray);
|
||||
} else {
|
||||
echo '[]';
|
||||
}
|
||||
?>;
|
||||
</script>
|
||||
|
||||
<!-- SUCCES -->
|
||||
|
||||
<script>
|
||||
const serverSuccess = <?php
|
||||
if (!empty($_SESSION['flash_success'])) {
|
||||
$successArray = explode('<br>', $_SESSION['flash_success']);
|
||||
unset($_SESSION['flash_success']);
|
||||
echo json_encode($successArray);
|
||||
} else {
|
||||
echo '[]';
|
||||
}
|
||||
?>;
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Validar mediante js -->
|
||||
|
||||
<script src="js/servicios/servicioValidator.js"></script>
|
||||
Reference in New Issue
Block a user