<?php
require_once '../../backend/tempoSesion.php';
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Registro de Computadores</title>
<link rel="stylesheet" href="./devoluciones.css?v=<?php echo time(); ?>" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- jQuery 3.x -->
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
<!-- CSS de DataTables -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css" />
<!-- JS de DataTables -->
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
<!-- jsPDF -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- jsPDF AutoTable -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.28/jspdf.plugin.autotable.min.js"></script>
</head>
<body>
<div class="container lg-12">
<ul class="nav nav-tabs" id="mainTabs">
<li class="nav-item">
<button class="nav-link" type="button" onclick="window.location.href='../menu/menu.php'">
Menú
</button>
</li>
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#form-content" type="button">
Formulario
</button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#table-content" type="button">
Registros
</button>
</li>
</ul>
<div class="mt-3 text-center">
<img src="../img/avicampo.PNG" alt="Imagen" style="width:200px; align-items:right">
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="form-content" role="tabpanel">
<h1>Registro De Devoluciones</h1>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-6">
<label for="buscarColaborador" class="required-field">Buscar Colaborador</label>
<input type="text" class="form-control" id="buscarColaborador" name="buscarColaborador">
<div id="resultado"></div>
<div class="col-md-4" style="margin-top:20px">
<button id="btnBuscarComputers" type="button" class="btn btn-success">Buscar</button>
</div>
</div>
<div class="col-md-6">
<label for="selectEquipos">Equipos asociados</label>
<select id="selectEquipos" name="selectEquipos"></select>
</div>
</div>
<hr class="my-4 border-2 border-dark">
<form id="formDevoluciones">
<!-- ------------------------------------------------------------------------ -->
<!-- ------------------------ COMPUTADORES ----------------------------------- -->
<!-- ------------------------------------------------------------------------ -->
<div id="formPC" style="display:none;">
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="marcaDevolucion" class="required-field">Marca</label>
<input class="form-control" type="text" id="marcaDevolucion" name="marcaDevolucion" readonly>
</div>
<div class="col-md-4">
<label for="referencia" class="required-field">Referencia/Modelo</label>
<input type="text" class="form-control" id="referenciaDevolucion" name="referenciaDevolucion" readonly />
</div>
<div class="col-md-4">
<label for="tipoDevolucion" class="required-field">Tipo de equipo</label>
<input type="text" class="form-control" id="tipoDevolucion" name="tipoDevolucion" readonly>
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="serialDevolucion" class="required-field">Número de serie</label>
<input type="text" class="form-control" id="serialDevolucion" name="serialDevolucion" readonly />
</div>
<div class="col-md-4">
<label for="ramDevolucion" class="required-field">Memoria RAM (GB)</label>
<input type="text" class="form-control" id="ramDevolucion" name="ramDevolucion" min="0" readonly />
</div>
<div class="col-md-4">
<label for="tipo_dd" class="required-field">Tipo de disco duro</label>
<input type="text" class="form-control" id="tipo_dddevolucion" name="tipo_dddevolucion" readonly>
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="procesadorDevolucion" class="required-field">Procesador</label>
<input type="text" class="form-control" id="procesadorDevolucion" name="procesadorDevolucion" readonly>
</div>
<div class="col-md-4">
<label for="area_trabajo_devolucion" class="required-field">Área de trabajo</label>
<input type="text" class="form-control" id="area_trabajo_devolucion" name="area_trabajo_devolucion" readonly>
</div>
<div class="col-md-4">
<label for="fechaentregado_devolucion" class="required-field">Fecha de entregado</label>
<input type="text" class="form-control" id="fechaentregado_devolucion" name="fechaentregado_devolucion" readonly>
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="NombreRecibeDevolucion" class="required-field">Entregado a:</label>
<input type="text" class="form-control" id="NombreRecibeDevolucion" name="nombreRecibeDevolucion" readonly />
</div>
<div class="col-md-4">
<label for="cedulaDevolucion" class="required-field">Cédula</label>
<input type="number" class="form-control" id="cedulaDevolucion" name="cedulaDevolucion" readonly />
</div>
<div class="col-md-4">
<label for="estadoDevolucion" class="required-field">Estado</label>
<input type="text" class="form-control" id="estadoDevolucion" name="estadoDevolucion" readonly />
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="regional" class="required-field">Regional:</label>
<input type="text" class="form-control" id="regional" name="regional" readonly />
</div>
<div class="col-md-4">
<label for="telefono" class="required-field">Teléfono</label>
<input type="number" class="form-control" id="telefono" name="telefono" readonly />
</div>
<div class="col-md-4">
<label for="cargo" class="required-field">Cargo</label>
<input type="text" class="form-control" id="cargo" name="cargo" readonly />
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="Windows" class="required-field">Windows:</label>
<input type="text" class="form-control" id="Windows" name="Windows" readonly />
</div>
<div class="col-md-4">
<label for="Office" class="required-field">Office:</label>
<input type="text" class="form-control" id="Office" name="Office" readonly />
</div>
<div class="col-md-4">
<label for="idproduto" class="required-field">ID Producto:</label>
<input type="number" class="form-control" id="idproduto" name="idproduto" readonly />
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-4">
<label for="usuario" class="required-field">Usuario:</label>
<input type="text" class="form-control" id="usuario" name="usuario" readonly />
</div>
<div class="col-md-4">
<label for="contrasena" class="required-field">Contraseña:</label>
<input type="text" class="form-control" id="contrasena" name="contrasena" readonly />
</div>
<div class="col-md-4">
<label for="Sofware" class="required-field">Software:</label>
<input type="text" class="form-control" id="Sofware" name="Sofware" readonly />
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-6">
<label for="red" class="required-field">Red:</label>
<input type="text" class="form-control" id="red" name="red" readonly />
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-12">
<label for="observaciones">Observaciones entrega</label>
<textarea class="form-control" id="observacionesDevolucion" name="observacionesDevolucion" readonly></textarea>
</div>
</div>
<div class="row mt-4" style="margin-top: 30px; justify-content:center">
<div class="col-md-12">
<label for="observaciones1">Observaciones devolucion</label>
<textarea class="form-control" id="observacionesDevolucion1" name="observacionesDevolucion1"></textarea>
</div>
</div>
<div class="row mt-4" style="justify-content:center; margin-top:30px;">
<div class="col-md-6 text-center">
<label for="firmaCanvasComputadoresD" class="form-label" style="font-weight:bold;">Firma de quien entrega:</label><br>
<canvas id="firmaCanvasComputadoresD" data-input="firmaComputadoresD" width="300" height="250" style="border:1px solid #000; width:100%; max-width:480px;"></canvas>
<input type="hidden" id="firmaComputadoresD" name="firmaComputadoresD">
<br>
<button type="button" class="botonLimpiar mt-2" onclick="limpiarFirma('firmaCanvasComputadoresD','firmaComputadoresD')">Limpiar firma</button>
</div>
<div class="col-md-6 text-center">
<label for="firmaCanvasComputadoresDD" class="form-label" style="font-weight:bold;">Firma quien recibe:</label><br>
<canvas id="firmaCanvasComputadoresDD" data-input="firmaComputadoresDD" width="300" height="250" style="border:1px solid #000; width:100%; max-width:480px;"></canvas>
<input type="hidden" id="firmaComputadoresDD" name="firmaComputadoresDD">
<br>
<button type="button" class="botonLimpiar mt-2" onclick="limpiarFirma('firmaCanvasComputadoresDD','firmaComputadoresDD')">Limpiar firma</button>
</div>
</div>
<!-- <button type="button" id="guardarBtn3" class="btn-submit mt-4">Registrar Devolucion</button> -->
<button
type="button"
class="btn-submit guardarDevolucion"
data-form="pc">
Registrar Devolución
</button>
</div>
<!-- ------------------------------------------------------------------------ -->
<!-- ------------------------ CELULARES ------------------------------------- -->
<!-- ------------------------------------------------------------------------ -->
<div id="formSmartphone" style="display:none;">
<div class="row mt-4" style="margin-top:30px; justify-content:center">
<div class="col-md-4">
<label>Marca</label>
<input type="text" name="marcaSmartphone" id="marcaSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Referencia</label>
<input type="text" name="referenciaSmartphone" id="referenciaSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>IMEI</label>
<input type="text" name="imeiSmartphone" id="imeiSmartphone" class="form-control" readonly>
</div>
</div>
<div class="row mt-4" style="margin-top:30px; justify-content:center">
<div class="col-md-4">
<label>Color</label>
<input type="text" name="colorSmartphone" id="colorSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Numero de linea</label>
<input type="text" name="numeroSmartphone" id="numeroSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Fecha de entrega</label>
<input type="text" name="fechaSmartphone" id="fechaSmartphone" class="form-control" readonly>
</div>
</div>
<div class="row mt-4" style="margin-top:30px; justify-content:center">
<div class="col-md-4">
<label>Entregado a:</label>
<input type="text" name="entregadoSmartphone" id="entregadoSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Cedula</label>
<input type="text" name="cedulaSmartphone" id="cedulaSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Plan Datos</label>
<input type="text" name="planDatosSmartphone" id="planDatosSmartphone" class="form-control" readonly>
</div>
<div class="col-md-4">
<label>Estado</label>
<input type="text" name="estadoSmartphone" id="estadoSmartphone" class="form-control" readonly>
</div>
</div>
<div class="col-md-12" style="margin-top:30px">
<label>Observaciones entrega</label>
<textarea id="observacionesSmartphone" name="observacionesSmartphone" readonly></textarea>
</div>
<div class="col-md-12" style="margin-top:30px">
<label>Observaciones devolucion</label>
<textarea id="observacionesSmartphone1" name="observacionesSmartphone1"></textarea>
</div>
<!-- ✅ FIRMAS SMARTPHONES en pareja -->
<div class="row mt-4" style="justify-content:center; margin-top:30px;">
<div class="col-md-6 text-center">
<label for="firmaCanvasSmartphoneD" class="form-label" style="font-weight:bold;">Firma de quien entrega:</label><br>
<canvas id="firmaCanvasSmartphoneD" data-input="firmaSmartphonesD" width="300" height="250" style="border:1px solid #000; width:100%; max-width:480px;"></canvas>
<input type="hidden" id="firmaSmartphonesD" name="firmaSmartphonesD">
<br>
<button type="button" class="botonLimpiar mt-2" onclick="limpiarFirma('firmaCanvasSmartphoneD','firmaSmartphonesD')">Limpiar firma</button>
</div>
<div class="col-md-6 text-center">
<label for="firmaCanvasSmartphoneDD" class="form-label" style="font-weight:bold;">Firma quien recibe:</label><br>
<canvas id="firmaCanvasSmartphoneDD" data-input="firmaSmartphonesDD" width="300" height="250" style="border:1px solid #000; width:100%; max-width:480px;"></canvas>
<input type="hidden" id="firmaSmartphonesDD" name="firmaSmartphonesDD">
<br>
<button type="button" class="botonLimpiar mt-2" onclick="limpiarFirma('firmaCanvasSmartphoneDD','firmaSmartphonesDD')">Limpiar firma</button>
</div>
</div>
<!-- <button type="button" id="guardarBtn3" class="btn-submit mt-4">Registrar Devolucion</button>-->
<button
type="button"
class="btn-submit guardarDevolucion"
data-form="smartphone">
Registrar Devolución
</button>
<div id="spinner3" class="spinner3" style="display: none"></div>
<div id="toast" class="toast"></div>
</div>
</form>
</div>
<!-- ------------------------------------------------------------------------ -->
<!-- ------------------------ TABLA DE REGISTROS ----------------------------- -->
<!-- ------------------------------------------------------------------------ -->
<div class="tab-pane fade" id="table-content" role="tabpanel">
<h1>Tabla de Registros</h1>
<div class="d-flex justify-content-center gap-3 mb-3">
<button id="btnCargarRegistros3" class="btn btn-primary ">
<span class="spinner-border spinner-border-sm me-2 d-none" role="status" aria-hidden="true"
id="spinnerCargar3"></span>
Cargar Registros
</button>
<button id="btnDescargarPDF3" class="btn btn-danger" disabled>Descargar PDF</button>
</div>
<div id="contenedorTabla" class="table-responsive">
<table id="tablaRegistros3" class="table table-bordered table-striped align-middle">
<thead class="table-secondary text-center">
<tr>
<th style="min-width: 120px">Fecha</th>
<th style="min-width: 100px">Cédula</th>
<th style="min-width: 100px">Tipo</th>
<th style="min-width: 80px">ID PC</th>
<th style="min-width: 80px">ID CEL</th>
<th style="min-width: 80px">Estado</th>
<th style="min-width: 150px">Nombre Entrega</th>
<th style="min-width: 150px">Nombre Recibe</th>
<th style="min-width: 120px">Firma Entrega</th>
<th style="min-width: 120px">Firma Recibe</th>
<th style="min-width: 120px">Obsercacion entrega</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="./devoluciones.js?v=<?php echo time(); ?>"></script>
<script src="../JS/sesionActivity.js"></script>
</body>
</html>