Gecko [ 167.86.127.34 ]

Name	Size	Permission
Aplicativo.php	94.05 KB	-rw-r--r--
Calibracion.php	9.54 KB	-rw-r--r--
login.php	1.73 KB	-rw-r--r--

Code Editor : Aplicativo.php

<!DOCTYPE html>
<html lang="en">

</head>
<header id="header" style="z-index: 99999;">
    <div class="topnav" id="myTopnav" style="width: 95%;">
        <a href="#" id="active" style="color: white; background-color: black;">INSEPET</a>
        <div class="container w-100">
            <a href="#">INICIO</a>
            <a href="#seccion1">IMPORTANTE</a>
            <a href="#seccionApp02">MANTENIMIENTO</a>
            <a href="/fichatecnica/vistas/Calibracion.php">CALIBRACION</a>
            <a href="#inicio"><button id="exportarpdf">EXPORTAR</button></a>
            <a href="#inicio"><button id="editar"> EDITAR DOCUMENTO</button></a>
            <a href="./includes/logout.php" id="cerrarSesion">SALIR</a>
            <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="NavBar()">&#9776;</a>
        </div>
    </div>
</header>

<body>

</div>
                <div class="col d-flex justify-content-center">
                    <img src="/fichatecnica/IMG/certificado2.png">

</div>
            </div>
            <h1>INFORME MANTENIMIENTO</h1>

<div class="row" id="formRazon">
                <div class="container d-flex justify-content-center">
                    <div class="col-12" id="infoImportante" style="display: block; width: 100%;">
                        <div class="card mb-12">
                            <img class="card-img-top" src="/fichatecnica/IMG/headerFondo.jpg" alt="Card image cap" style="height: 420px;">
                            <div class="card-body">
                                <h6 class="card-text">- Comprometidos con hacer de su EDS un lugar seguro y productivo.</h6>
                                <h6>- Línea VIP para atención de emergencias en su EDS de forma prioritaria.</h6>
                                <h6>- Evita las paradas de tu EDS realizando mantenimiento preventivo.</h6>
                            </div>
                        </div>
                    </div>
                </div>
                <h5>Tecnico:
                    <?php
                    echo $user->getNombre();
                    ?>

</h5>
                <div class="col">
                    <button class="btn-info" id="boton-fixed" style="display: none;">
                        <span class="glyphicon glyphicon-plus-sign"></span><ion-icon name="arrow-back-circle-outline"></ion-icon>
                    </button>
                    <br>
                    <form id="formularioRazon" action="./includes/procesarFormulario.php" method="POST">
                        <div class="row">
                            <div class="col">
                                <b>OTT</b>
                                <input name="ott" id="ott" class="form-control footer-input margin-b-20" placeholder="Ingrese la OTT a Buscar"></td>
                            </div>
                            <div class="col">
                                <b>FECHA SERVICIO</b>
                                <input type="date" name="fecha_servicio" id="fecha" class="form-control footer-input margin-b-20" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <b>CIUDAD</b>
                                <input type="text" name="ciudad" id="ciudad" class="form-control footer-input margin-b-20" placeholder="Ciudad" required>
                            </div>
                            <div class="col">
                                <b>VERSION</b>
                                <input type="number" name="version" id="version" class="form-control footer-input margin-b-20" placeholder="Version" required>
                            </div>
                            <div class="col">
                                <b>N PEDIDO</b>
                                <input type="text" name="n_pedido" id="pedido" class="form-control footer-input margin-b-20" placeholder="#Pedido" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <b>BANDERA</b>
                                <input type="text" name="bandera" id="bandera" class="form-control footer-input margin-b-20" placeholder="Bandera Eds" required>
                            </div>
                            <div class="col">
                                <b>EDS</b>
                                <input type="text" name="eds" id="eds" class="form-control footer-input margin-b-20" placeholder="Estación de Servicio" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <b>TÉCNICOS</b>
                                <input type="text" name="tecnicos" id="tecnicos" class="form-control footer-input margin-b-20" placeholder="Nombre Técnico" required>
                            </div>
                            <div class="col">
                                <b>RAZÓN SOCIAL</b>
                                <input type="text" name="razon_social" id="razonSocial" class="form-control footer-input margin-b-20" placeholder="Razón Social" required>
                            </div>
                            <div class="col">
                                <b>ASUNTO</b>
                                <input type="text" name="asunto" id="asunto" class="form-control footer-input margin-b-20" placeholder="Asunto" required>
                            </div>
                        </div>
                        <br>
                        <button type="submit" id="btnContinuar" class="btn-theme-sm  btn-base-bg text-uppercase margin-b-30" form="formularioRazon" style="margin-top:20px;margin-bottom: 20px;">Continuar</button>
                        <button type="button" id="buscarOTT" class="btn-theme-sm  btn-base-bg2 text-uppercase margin-b-30">Buscar Por OTT</button>

</form>
                </div>
            </div>
        </div>
        <div class="container" id="seccionApp02" style="display: none;">
            <div class="container" id="tituloSeleccion">
                <h1 class="container d-flex justify-content-center" style="text-align: center; padding-top: 200px;">Seleccione tipo de mantenimiento</h1>
            </div>

<div class="container" id="seccion02">
                <div class="row d-flex justify-content-center">
                    <div class="col d-flex justify-content-center">
                        <label>
                            <input type="radio" name="pago1" value="Correctivo" id="btnradio1">
                            <img src="/fichatecnica/IMG/maintenance.gif" alt="Option 1" style="width: 200; height: 200px;">
                            <div class="col d-flex justify-content-center">
                                <p>Mant.Correctivo</p>
                            </div>
                        </label>
                    </div>

<div class="col d-flex justify-content-center">
                        <label>
                            <input type="radio" name="pago1" value="Preventivo" id="btnradio2">
                            <img src="/fichatecnica/IMG/mant-prev.gif" alt="Option 1" style="width: 200; height: 200px;">
                            <div class="col d-flex justify-content-center">
                                <p>Mant.Preventivo</p>
                            </div>
                        </label>
                    </div>
                    <div class="col d-flex justify-content-center">
                        <label>
                            <input type="radio" name="pago1" value="Marcha" id="btnradio3">
                            <img src="/fichatecnica/IMG/browser.gif" alt="Option 1" style="width: 200; height: 200px;">
                            <div class="col d-flex justify-content-center">
                                <p>Puesta Marcha</p>
                            </div>
                        </label>
                    </div>
                </div>
            </div>
            <div class="row d-flex justify-content-center">
                <div class="col d-flex justify-content-center">
                    <button class="btn-theme-sm  btn-base-bg text-uppercase margin-b-30" style="margin-top:20px" id="btnComprobar">Seleccionar </button>
                </div>
            </div>
            <div id="div1" class="container" style="display:none;">
                <h1 id="tituloMantenimientos" style="font-size: 20px;font-weight: bold;text-align: center;">Mantenimiento Correctivo</h1>
                <div class="container" id="seleccionMant">
                    <div class="row d-flex justify-content-center">
                        <div class="col-sm d-flex justify-content-center">
                            <label>
                                <img src="/fichatecnica/IMG/gas-station.gif" checked style="width: 200; height: 200px;">
                                <input type="checkbox" name="check" id="dispensadores1" value="1" onchange="javascript:showContent5()" style="width: 40px; height: 20px;" />
                                <p>Dispensadores</p>
                            </label>
                        </div>
                        <div class="col-sm d-flex justify-content-center">
                            <label>
                                <img src="/fichatecnica/IMG/gas-storage.gif" checked style="width: 200; height: 200px;">
                                <input type="checkbox" name="check" id="tanque1" value="1" onchange="javascript:showContent6()" style="width: 40px; height: 20px;" />
                                <p>Tanques y Bombas</p>
                            </label>
                        </div>
                        <div class="col-sm d-flex justify-content-center">
                            <label>
                                <img src="/fichatecnica/IMG/supervision.gif" checked style="width: 200; height: 200px;">
                                <input type="checkbox" name="check" id="veeder1" value="1" onchange="javascript:showContent7()" style="width: 40px; height: 20px;" />
                                <p>Control Ventas</p>
                            </label>
                        </div>
                        <div class="col-sm d-flex justify-content-center">
                            <label>
                                <img src="/fichatecnica/IMG/electrical-panel.gif" checked style="width: 200; height: 200px;">
                                <input type="checkbox" name="check" id="sistemasnx1" value="1" onchange="javascript:showContent8()" style="width: 40px; height: 20px;" />
                                <p>Tablero Eléctrico</p>
                            </label>
                        </div>
                    </div>

</div>
                <div class="container" id="tabDispensers" style="display:none">
                    <div id="tablaDispensadores1" style="display: none;">
                        <h1 style="text-align: center;color: #777777;">Dispensadores</h1>
                        <div class="row">
                            <div class="col-12" id="tablas1-1">
                                <div class="table-content" style="overflow:auto;">
                                    <table class="table table-borded table-responsive table-striped " id="table-list8">
                                        <thead class="table-dark">
                                            <tr style="font-size: 10px;">
                                                <td>EQUIPO</td>
                                                <td>MARCA</td>
                                                <td>SERIAL</td>
                                                <td>MODELO</td>
                                                <td>REFERENCIA</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td aria-required="true"></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="full-container">
                                    <div class="row d-flex justify-content-center btn-ptions-dispensadores">

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info2" id="add8" type="submit">
                                                <span class="glyphicon glyphicon-plus-sign"></span>AGREGAR FILA
                                            </button>
                                        </div>

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info" id="guardar" type="submit">
                                                <span class="glyphicon glyphicon-plus-sign"></span>GUARDAR
                                            </button>
                                        </div>

</div>
                                </div>
                            </div>
                            <div class="container" style="margin-top: 50px;">
                                <div class="row" id="dispensadores01">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px"> style="min-width: 300px">
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Equipo 1 antes</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila1-1" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir1">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>
                                    <div class="row d-flex justify-content-center contDescripcion">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado a los Equipos...."></textarea>
                                        </div>
                                        <div class="col d-flex justify-content-center">
                                            <button class="btn-info" id="botonSeccionFotos1-1" onclick="agregarSeccion1()">
                                                <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                            </button>
                                        </div>

</div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px"> style="min-width: 300px">
                                        <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
                                        </path>
                                    </svg>
                                </div>
                            </div>

<div class="container">
                                <div class="row" id="dispensadores01">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Equipo 1 despues</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila1-2" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir2">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>
                                    <div class="row d-flex justify-content-center contDescripcion ">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado a los Equipos...."></textarea>
                                        </div>
                                        <div class="col-6 d-flex justify-content-center mt-4">
                                            <button class="btn-info" id="botonSeccionFotos1-2" onclick="agregarSeccion2()">
                                                <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px"> style="min-width: 300px">
                                        <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
                                        </path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container text-center d-flex justify-content-center mt-5 mb-5 " id="seccionDispensers">
                        <div class="row d-flex justify-content-center">

<div class="container" id="tabTanks" style="display:none">
                    <div id="tablaTanques1" style="display: none;">
                        <h1 style="text-align: center;color: #777777;">Tanques y Bombas</h1>
                        <div class="row">
                            <div class="col-12" id="tablas1-2">
                                <div class="table-content" style="overflow:auto;">
                                    <table class="table table-borded table-responsive table-striped " id="table-list9">
                                        <thead class="table-dark">
                                            <tr style="font-size: 10px;">
                                                <td>TANQUE</td>
                                                <td>PRODUCTO</td>
                                                <td>CAPACIDAD GL</td>
                                                <td>ESTADO</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="full-container">
                                    <div class="row d-flex justify-content-center btn-ptions-dispensadores">

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info2" id="add9">
                                                <span class="glyphicon glyphicon-plus-sign"></span>
                                                AGREGAR FILA
                                            </button>
                                        </div>

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info" id="guardarTanques" type="submit">
                                                <span class="glyphicon glyphicon-plus-sign"></span>GUARDAR
                                            </button>
                                        </div>

</div>
                                </div>
                            </div>
                            <div class="container" style="margin-top: 50px;">
                                <div class="row row d-flex align-items-center" id="TanquesyBombas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Tanque 1 antes</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila2-1" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir3">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>

<div class="row d-flex justify-content-center contDescripcion">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado a los Tanques...."></textarea>
                                        </div>
                                        <div class="col d-flex justify-content-center">
                                            <button class="btn-info" id="botonSeccionFotosp2-1" onclick="agregarSeccionTanques1()">
                                                <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                            </button>
                                        </div>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">
                                        <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                                    </svg>
                                </div>
                            </div>
                            <div class="container">
                                <div class="row" id="TanquesyBombas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path>
                                        </svg>
                                    </div>
                                    <h1> Tanque 1 despues</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila2-2" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir4">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>

</div>
                    </div>
                </div>
                <div class="container" id="tabConsole" style="display:none">
                    <div id="consolaVeeder1" style="display: none;">
                        <h1 style="text-align: center;color: #777777;">Sistema Control Ventas</h1>
                        <div class="container d-flex justify-content-center">
                        </div>
                        <div class="row">
                            <div class="col-12" id="tablas1-3">
                                <div class="table-content" style="overflow:auto;">
                                    <table class="table table-borded table-responsive table-striped " id="table-list10">
                                        <thead class="table-dark">
                                            <tr style="font-size: 10px;">
                                                <td>SISTEMA</td>
                                                <td>IMPRESORAS</td>
                                                <td>LECTORES</td>
                                                <td>PANTALLAS</td>
                                                <td>OPERATIVIDAD</td>
                                                <td>VERSION SISTEMA</td>
                                                <td>ALRAM. SOBRELLENADO</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>

</div>
                                <div class="full-container">
                                    <div class="row d-flex justify-content-center btn-ptions-dispensadores">

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info2" id="add10">
                                                <span class="glyphicon glyphicon-plus-sign"></span>
                                                AGREGAR FILA
                                            </button>
                                        </div>

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info" id="guardarControlVentas" type="submit">
                                                <span class="glyphicon glyphicon-plus-sign"></span>GUARDAR
                                            </button>
                                        </div>

</div>
                                </div>
                            </div>
                            <div class="container" style="margin-top: 50px;">
                                <div class="row" id="controlVentas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Control Ventas 1 antes</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila3-1" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir5">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

<div class="container">
                                <div class="row" id="controlVentas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Control Ventas 1 despues</h1>
                                    <div class="row d-flex align-items-center" id="AgregarFila3-2" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir6">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>
                                    <div class="row d-flex justify-content-center contDescripcion">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado al Sistema...."></textarea>
                                        </div>
                                        <div class="col-6 d-flex justify-content-center mt-4">
                                            <button class="btn-info" id="botonSeccionFotosp3-2" onclick="agregarSeccionConsola2()">
                                                <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">
                                <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                            </svg>
                        </div>
                    </div>
                    <div class="container text-center d-flex justify-content-center mt-5 mb-5 " id="seccionTanks" style="display : none;">
                        <div class="row d-flex justify-content-center">

<div class="col-6 d-flex justify-content-center mt-4">
                                <button class="btn-info2" id="add10" onclick="agregarHtlm2();">
                                    <span class="glyphicon glyphicon-plus-sign"><span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"> <img src="./IMG/añadirSeccion.png"></span></span>
                                </button>
                            </div>
                            <div class="col-6 d-flex justify-content-center mt-4">
                                <button class="btn-info3" id="Elimbtn2" onclick="eliminarSeccion3();"><img src="./IMG/menos.png"> <img src="./IMG/añadirSeccion.png"></button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container" id="tabSnx" style="display:none">
                    <div id="tablaSistemasnx1" style="display: none;">
                        <h1 style="text-align: center;color: #777777">Tablero Eléctrico</h1>

<div class="row">
                            <div class="col-12" id="tablas1-4">
                                <div class="table-content" style="overflow:auto;">
                                    <table class="table table-borded table-responsive table-striped " id="table-list11">
                                        <thead class="table-dark">
                                            <tr style="font-size: 10px;">
                                                <td>REGULADOR</td>
                                                <td>UPS</td>
                                                <td>TOTALIZADORES</td>
                                                <td>VOLTAJES</td>
                                                <td>PARADA DE EMERGENCIA</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="full-container">
                                    <div class="row d-flex justify-content-center btn-ptions-dispensadores">

</span>
                                                AGREGAR FILA

</button>
                                        </div>

<div class="col d-flex justify-content-center mt-3">
                                            <button class="btn-info" id="guardarTablElectrico" type="submit">
                                                <span class="glyphicon glyphicon-plus-sign"></span>GUARDAR
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="container" id="Snx1" style="margin-top: 50px;">
                                <div class="row" id="controlVentas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Tablero Electrico 1 antes</h1>
                                    <div class="row" id="AgregarFila4-1" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir7">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>
                                    <div class="row d-flex justify-content-center contDescripcion">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado a los equipos...."></textarea>
                                        </div>
                                        <button class="btn-info" id="botonSeccionFotosp4-1" onclick="agregarSeccionSnx1()">
                                            <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">
                                <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                            </svg>
                            <div class="container" id="Snx1">
                                <div class="row" id="controlVentas1">
                                    <div class="container-fluid" style="min-width: 300px">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">>
                                            <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
                                            </path>
                                        </svg>
                                    </div>
                                    <h1> Tablero Electrico 1 despues</h1>
                                    <div class="row" id="AgregarFila4-2" style="min-height: 500px;">
                                        <div class="letrero col" id="añadir8">
                                            <div class="text-letrero">
                                                <h1 class="text">Haga Clic en <img src="./IMG/añadirimagen.png" width="24px"> para añadir fotografías</h1>
                                            </div>
                                            <div class="arrow-letrero">
                                                <div class="arrow"></div>
                                            </div>
                                        </div>

</div>
                                    <div class="row d-flex justify-content-center contDescripcion">
                                        <div class="container">
                                            <textarea class="textArea" placeholder="Describa el proceso que se realizado a los equipos...."></textarea>
                                        </div>
                                        <div class="col-6 d-flex justify-content-center mt-4">
                                            <button class="btn-info" id="botonSeccionFotosp4-2" onclick="agregarSeccionSnx2()">
                                                <span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"><img src="./IMG/añadirimagen.png" width="24px"></span>
                                            </button>
                                        </div>

</div>
                                </div>
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" style="min-width: 300px">
                                <path fill="#0099ff" fill-opacity="1" d="M0,224L48,224C96,224,192,224,288,202.7C384,181,480,139,576,149.3C672,160,768,224,864,234.7C960,245,1056,203,1152,197.3C1248,192,1344,224,1392,240L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path>
                            </svg>
                        </div>
                    </div>
                    <div class="container text-center d-flex justify-content-center mt-5 mb-5 " id="seccionTanks" style="display : none;">
                        <div class="row d-flex justify-content-center">
                            <div class="col-6 d-flex justify-content-center mt-4">
                                <button class="btn-info2" id="add11" onclick="agregarHtlm3()">
                                    <span class="glyphicon glyphicon-plus-sign"><span class="glyphicon glyphicon-plus-sign"><img src="./IMG/agregar.png"> <img src="./IMG/añadirSeccion.png"></span></span>
                                </button>
                            </div>
                            <div class="col-6 d-flex justify-content-center mt-4">
                                <button class="btn-info3" id="Elimbtn2" onclick="eliminarSeccion4();"><img src="./IMG/menos.png"> <img src="./IMG/añadirSeccion.png"></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<footer class="site-footer" id="footerApp">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <h6>SOBRE NOSOTROS</h6>
                        <h5>Buscamos ser referentes en la industria, marcando siempre pautas de innovación tanto en nuestros productos como en
                            nuestros procesos productivos, conservando siempre los más altos estándares de calidad.</h5>
                    </div>
                </div>
                <hr>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-6 col-xs-12">
                        <p class="copyright-text">© Grupo Empresarial Insepet 2021
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>
<script>
    /*********************************************************************SOLICITUDES TAABLA PRINCIPAL*******************************************************************/
    const ottInput = document.getElementById('ott');
    const buscarButton = document.getElementById('buscarOTT');
    const fechaInput = document.getElementById('fecha');
    const ciudadInput = document.getElementById('ciudad');
    const versionInput = document.getElementById('version');
    const pedidoInput = document.getElementById('pedido');
    const banderaInput = document.getElementById('bandera');
    const edsInput = document.getElementById('eds');
    const tecnicosInput = document.getElementById('tecnicos');
    const razonSocialInput = document.getElementById('razonSocial');
    const asuntoInput = document.getElementById('asunto');

$.fn.SetEditable = function(options) {
        var defaults = {
            columnsEd: null,
            $addButton: null,
            onEdit: function() {},
            onBeforeDelete: function() {},
            onDelete: function() {},
            onAdd: function() {}
        };
        params = $.extend(defaults, options);
        this.find('thead tr').append('<td name="buttons"><span class="glyphicon glyphicon-thumbs-up"></span></td>');
        this.find('tbody tr').append(colEdicHtml);
        var $tabedi = this;
        if (params.$addButton != null) {
            params.$addButton.click(function() {
                rowAddNew($tabedi.attr("id"));
            });
        }
        if (params.columnsEd != null) {
            colsEdi = params.columnsEd.split(',');
        }

};
    buscarButton.addEventListener('click', () => {
        const ottValue = ottInput.value;
        // Realizar una petición al servidor para recuperar los datos por el ID (OTT)

fetch(`./includes/procesarFormulario.php?ott=${ottValue}`)
            .then(response => response.json())
            .then(data => {
                if (data.error) {
                    alert('No se encontraron datos para la OTT especificada');
                } else {
                    fechaInput.value = data.fecha_servicio;
                    ciudadInput.value = data.ciudad;
                    versionInput.value = data.version;
                    pedidoInput.value = data.n_pedido;
                    banderaInput.value = data.bandera;
                    edsInput.value = data.eds;
                    tecnicosInput.value = data.tecnicos;
                    razonSocialInput.value = data.razon_social;
                    asuntoInput.value = data.asunto;
                    // Mostrar la OTT en un alert
                    alert(`OTT recuperada: ${data.ott}`);
                    $("#seccionApp02").show();
                    // Deshabilitar el botón "buscarButton"
                }
            })
            .catch(error => {
                console.error('Error:', error);
            });
    });

$(document).ready(function() {
        $('#formularioRazon').submit(function(event) {
            event.preventDefault(); // Evitar el envío normal del formulario

// Obtener los datos del formulario
            var formData = $(this).serialize();

// Enviar los datos mediante AJAX
            $.ajax({
                type: 'POST',
                url: './includes/procesarFormulario.php', // Reemplaza con la URL de tu archivo PHP
                data: formData,
                dataType: 'json',
                success: function(response) {
                    // Mostrar el mensaje de confirmación en la misma página
                    alert(response.message);

// Asignar el valor de ott al campo de entrada correspondiente
                    $('#ott').val(response.ott);
                    $("#seccionApp02").show();
                },
                error: function() {
                    alert('Error al enviar los datos.');
                }
            });
        });
    });

/***********************************************************************************************************************************************************************/
    /*********************************************************************SOLICITUDES TABLA DISPENSADORES*******************************************************************/

$(document).ready(function() {
        // Evento de clic del botón "Guardar"
        $('#guardar').click(function() {
            // Obtener todas las filas de la tabla
            var tableRows = $('#table-list8 tbody tr');

// Crear un array para almacenar los datos de todas las filas
            var tableData = [];

// Recorrer todas las filas y obtener sus datos
            tableRows.each(function() {
                var rowData = {
                    equipo: $(this).find('td:eq(0)').text(),
                    marca: $(this).find('td:eq(1)').text(),
                    serial: $(this).find('td:eq(2)').text(),
                    modelo: $(this).find('td:eq(3)').text(),
                    referencia: $(this).find('td:eq(4)').text()
                };
                tableData.push(rowData);
            });

// Crear un objeto con los datos a enviar
            var postData = {
                tableData: JSON.stringify(tableData)
            };

// Enviar los datos al archivo PHP mediante AJAX
            $.ajax({
                type: 'POST',
                url: './includes/procesarFormulario2.php',
                data: postData,
                success: function(response) {
                    // Manejar la respuesta del servidor
                    console.log(response);
                    if (response === 'No se ingresaron datos en los campos.') {
                        // Mostrar el mensaje de error si no se encontraron datos en la tabla
                        alert(response);
                    } else {
                        // Actualizar el contenido de la página o realizar otras acciones
                        alert('Datos insertados correctamente en la base de datos.');
                    }
                },
                error: function(xhr, status, error) {
                    // Manejar errores en la comunicación con el servidor
                    console.error(error);
                }
            });
        });
    });

$(document).ready(function() {
        // Evento de clic del botón "Recuperar"
        $('#recuperar').click(function() {
            var ottBuscar = $('#ottBuscar').val();
            $.ajax({
                type: "POST",
                url: "./includes/recuperarDatos.php",
                data: {
                    ottBuscar: ottBuscar
                },
                success: function(response) {
                    try {
                        var data = JSON.parse(response);
                        if (data.length > 0) {
                            var tableBody = $('#table-list8 tbody');
                            tableBody.empty(); // Eliminar filas existentes

// Crear filas para cada dato recuperado
                            $.each(data, function(index, row) {
                                var newRow = '<tr>' +
                                    '<td>' + row.equipo + '</td>' +
                                    '<td>' + row.marca + '</td>' +
                                    '<td>' + row.serial + '</td>' +
                                    '<td>' + row.modelo + '</td>' +
                                    '<td>' + row.referencia + '</td>' +
                                    '<td name="buttons"><div class="btn-group pull-right"><button id="bEdit" type="button" class="btn btn-sm btn-default" onclick="rowEdit(this);" style=""><span class="glyphicon glyphicon-pencil"> <ion-icon name="create-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon></span></button><button id="bElim" type="button" class="btn btn-sm btn-default" onclick="rowElim(this);" style=""><span class="glyphicon glyphicon-trash"><ion-icon name="trash-outline" role="img" class="md hydrated" aria-label="trash outline"></ion-icon></span></button><button id="bAcep" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowAcep(this);"><span class="glyphicon glyphicon-ok"><ion-icon name="checkmark-done-outline" role="img" class="md hydrated" aria-label="checkmark done outline"></ion-icon> </span></button><button id="bCanc" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowCancel(this);"><span class="glyphicon glyphicon-remove"><ion-icon name="close-circle-outline" role="img" class="md hydrated" aria-label="close circle outline"></ion-icon></span></button></div></td>' +
                                    '</tr>';
                                tableBody.append(newRow);
                            });
                            alert("Datos recuperados. Cantidad de filas: " + data.length);

// Deshabilitar el botón "Recuperar"
                            $('#recuperar').prop('disabled', true);
                        } else {
                            alert("La OTT ingresada no existe en la base de datos.");
                        }
                    } catch (error) {
                        console.log('Error al analizar la respuesta JSON:', error);
                    }
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });
    /*******************************************************************************************************************************************************************************/
    /*********************************************************************************SOLICITUDES TABLA TANQUES*********************************************************************/

$(document).ready(function() {
        // Evento de clic del botón "Guardar"
        $('#guardarTanques').click(function() {
            // Obtener los datos de la tabla
            var tableData = [];
            $('#table-list9 tbody tr').each(function() {
                var rowData = {
                    tanque: $(this).find('td:nth-child(1)').text(),
                    producto: $(this).find('td:nth-child(2)').text(),
                    capacidadgl: $(this).find('td:nth-child(3)').text(),
                    estado: $(this).find('td:nth-child(4)').text()
                };
                tableData.push(rowData);
            });

// Verificar si se ingresaron datos en los campos
            var datosIngresados = false;
            for (var i = 0; i < tableData.length; i++) {
                var rowData = tableData[i];
                if (rowData.tanque !== '' || rowData.producto !== '' || rowData.capacidadgl !== '' || rowData.estado !== '') {
                    datosIngresados = true;
                    break;
                }
            }

// Si no se ingresaron datos, mostrar mensaje de error
            if (!datosIngresados) {
                alert('No se ingresaron datos en los campos.');
                return;
            }

// Convertir los datos a formato JSON
            var jsonData = JSON.stringify(tableData);

// Enviar la solicitud AJAX al controlador PHP
            $.ajax({
                type: 'POST',
                url: './includes/guardaTabTanques.php',
                data: {
                    tableData: jsonData
                },
                success: function(response) {
                    alert('Los datos se han subido correctamente.');
                    console.log(response);
                    // Realizar cualquier acción adicional después de guardar los datos
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });

$(document).ready(function() {
        // Evento de clic del botón "Guardar"
        $('#recuperarTanques').click(function() {
            var ottBuscarTanques = $('#ottBuscarTanques').val();
            $.ajax({
                type: "POST",
                url: "./includes/recuperarTabTanques.php",
                data: {
                    ottBuscarTanques: ottBuscarTanques
                },
                success: function(response) {
                    try {
                        var data = JSON.parse(response);
                        if (data.length > 0) {
                            var tableBody = $('#table-list9 tbody');
                            tableBody.empty(); // Eliminar filas existentes

// Crear filas para cada dato recuperado
                            $.each(data, function(index, row) {
                                var newRow = '<tr>' +
                                    '<td>' + row.tanque + '</td>' +
                                    '<td>' + row.producto + '</td>' +
                                    '<td>' + row.capacidadgl + '</td>' +
                                    '<td>' + row.estado + '</td>' +
                                    '<td name="buttons"><div class="btn-group pull-right"><button id="bEdit" type="button" class="btn btn-sm btn-default" onclick="rowEdit(this);" style=""><span class="glyphicon glyphicon-pencil"> <ion-icon name="create-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon></span></button><button id="bElim" type="button" class="btn btn-sm btn-default" onclick="rowElim(this);" style=""><span class="glyphicon glyphicon-trash"><ion-icon name="trash-outline" role="img" class="md hydrated" aria-label="trash outline"></ion-icon></span></button><button id="bAcep" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowAcep(this);"><span class="glyphicon glyphicon-ok"><ion-icon name="checkmark-done-outline" role="img" class="md hydrated" aria-label="checkmark done outline"></ion-icon> </span></button><button id="bCanc" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowCancel(this);"><span class="glyphicon glyphicon-remove"><ion-icon name="close-circle-outline" role="img" class="md hydrated" aria-label="close circle outline"></ion-icon></span></button></div></td>' +
                                    '</tr>';
                                tableBody.append(newRow);
                            });

alert("Datos recuperados. Cantidad de filas: " + data.length);
                        } else {
                            alert("La OTT ingresada no existe en la base de datos.");
                        }
                    } catch (error) {
                        console.log('Error al analizar la respuesta JSON:', error);
                    }
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });
    /*****************************************************************************************************************************************************************************/
    /******************************************************************************SOLICITUDES TABLA CONTROL VENTAS***************************************************************/
    $(document).ready(function() {
        // Evento de clic del botón "Guardar"
        $('#guardarControlVentas').click(function() {
            // Obtener todas las filas de la tabla
            var tableRows = $('#table-list10 tbody tr');

// Crear un array para almacenar los datos de todas las filas
            var tableData = [];

// Recorrer todas las filas y obtener sus datos
            tableRows.each(function() {
                var rowData = {
                    sistema: $(this).find('td:eq(0)').text(),
                    impresoras: $(this).find('td:eq(1)').text(),
                    lectores: $(this).find('td:eq(2)').text(),
                    pantallas: $(this).find('td:eq(3)').text(),
                    operatividad: $(this).find('td:eq(4)').text(),
                    versionSistema: $(this).find('td:eq(5)').text(),
                    alarma: $(this).find('td:eq(6)').text()
                };
                tableData.push(rowData);
            });

// Verificar si se ingresaron datos en los campos
            var datosIngresados = false;
            for (var i = 0; i < tableData.length; i++) {
                var rowData = tableData[i];
                if (rowData.sistema !== '' || rowData.impresoras !== '' || rowData.lectores !== '' || rowData.pantallas !== '' || rowData.operatividad !== '' || rowData.versionSistema !== '' || rowData.alarma !== '') {
                    datosIngresados = true;
                    break;
                }
            }

// Si no se ingresaron datos, mostrar mensaje de error
            if (!datosIngresados) {
                alert('No se ingresaron datos en los campos.');
                return;
            }

// Convertir los datos a formato JSON
            var jsonData = JSON.stringify(tableData);

// Enviar la solicitud AJAX al controlador PHP
            $.ajax({
                type: 'POST',
                url: './includes/procesarTablaVentas.php',
                data: {
                    tableData: jsonData
                },
                success: function(response) {
                    alert('Los datos se han subido correctamente.');
                    console.log(response);
                    // Realizar cualquier acción adicional después de guardar los datos
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });

$(document).ready(function() {
        $('#recuperarControlVentas').click(function() {
            var ott = $('#ottBuscarControlVentas').val();

// Enviar la OTT al archivo PHP mediante AJAX
            $.ajax({
                type: 'POST',
                url: './includes/recuperarTablaControlVentas.php',
                data: {
                    ottBuscarControlVentas: ott
                },
                success: function(response) {
                    // Manejar la respuesta del servidor
                    try {
                        var data = JSON.parse(response);

if (data.length > 0) {
                            var tableBody = $('#table-list10 tbody');
                            tableBody.empty(); // Eliminar filas existentes

// Crear filas para cada dato recuperado
                            $.each(data, function(index, row) {
                                var newRow = '<tr>' +
                                    '<td>' + row.sistema + '</td>' +
                                    '<td>' + row.impresoras + '</td>' +
                                    '<td>' + row.lectores + '</td>' +
                                    '<td>' + row.pantallas + '</td>' +
                                    '<td>' + row.operatividad + '</td>' +
                                    '<td>' + row.versionsistema + '</td>' +
                                    '<td>' + row.alarma + '</td>' +
                                    '<td name="buttons"><div class="btn-group pull-right"><button id="bEdit" type="button" class="btn btn-sm btn-default" onclick="rowEdit(this);" style=""><span class="glyphicon glyphicon-pencil"> <ion-icon name="create-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon></span></button><button id="bElim" type="button" class="btn btn-sm btn-default" onclick="rowElim(this);" style=""><span class="glyphicon glyphicon-trash"><ion-icon name="trash-outline" role="img" class="md hydrated" aria-label="trash outline"></ion-icon></span></button><button id="bAcep" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowAcep(this);"><span class="glyphicon glyphicon-ok"><ion-icon name="checkmark-done-outline" role="img" class="md hydrated" aria-label="checkmark done outline"></ion-icon> </span></button><button id="bCanc" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowCancel(this);"><span class="glyphicon glyphicon-remove"><ion-icon name="close-circle-outline" role="img" class="md hydrated" aria-label="close circle outline"></ion-icon></span></button></div></td>' +
                                    '</tr>';
                                tableBody.append(newRow);
                            });

alert("Datos recuperados. Cantidad de filas: " + data.length);
                        } else {
                            alert("La OTT ingresada no existe en la base de datos.");
                        }
                    } catch (error) {
                        console.log('Error al analizar la respuesta JSON:', error);
                    }
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });
    /*****************************************************************************************************************************************************************************/
    /************************************************************************SOLICITUDES TABLA TABLERO ELECTRICO******************************************************************/
    $(document).ready(function() {
        // Evento de clic del botón "Guardar"
        $('#guardarTablElectrico').click(function() {
            // Obtener todas las filas de la tabla
            var tableRows = $('#table-list11 tbody tr');

// Crear un array para almacenar los datos de todas las filas
            var tableData = [];

// Recorrer todas las filas y obtener sus datos
            tableRows.each(function() {
                var rowData = {
                    regulador: $(this).find('td:eq(0)').text(),
                    ups: $(this).find('td:eq(1)').text(),
                    totalizadores: $(this).find('td:eq(2)').text(),
                    voltajes: $(this).find('td:eq(3)').text(),
                    paradaemergencia: $(this).find('td:eq(4)').text(),
                };
                tableData.push(rowData);
            });

// Verificar si se ingresaron datos en los campos
            var datosIngresados = false;
            for (var i = 0; i < tableData.length; i++) {
                var rowData = tableData[i];
                if (rowData.regulador !== '' || rowData.ups !== '' || rowData.totalizadores !== '' || rowData.voltajes !== '' || rowData.paradaemergencia !== '') {
                    datosIngresados = true;
                    break;
                }
            }

// Si no se ingresaron datos, mostrar mensaje de error
            if (!datosIngresados) {
                alert('No se ingresaron datos en los campos.');
                return;
            }

// Convertir los datos a formato JSON
            var jsonData = JSON.stringify(tableData);

// Enviar la solicitud AJAX al controlador PHP
            $.ajax({
                type: 'POST',
                url: './includes/procesarTablaTableroElectico.php',
                data: {
                    tableData: jsonData
                },
                success: function(response) {
                    alert('Los datos se han subido correctamente.');
                    console.log(response);
                    // Realizar cualquier acción adicional después de guardar los datos
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    });

$(document).ready(function() {
        $('#recuperarTablElectrico').click(function() {
            var ott = $('#ottBuscarTablElectrico').val();

// Enviar la OTT al archivo PHP mediante AJAX
            $.ajax({
                type: 'POST',
                url: './includes/recuperarTablaTabElectrico.php',
                data: {
                    ottBuscarTablElectrico: ott // Corrección aquí
                },
                success: function(response) {
                    // Manejar la respuesta del servidor
                    try {
                        var data = JSON.parse(response);

if (data.length > 0) {
                            var tableBody = $('#table-list11 tbody');
                            tableBody.empty(); // Eliminar filas existentes

// Crear filas para cada dato recuperado
                            $.each(data, function(index, row) {
                                var newRow = '<tr>' +
                                    '<td>' + row.regulador + '</td>' +
                                    '<td>' + row.ups + '</td>' +
                                    '<td>' + row.totalizadores + '</td>' +
                                    '<td>' + row.voltajes + '</td>' +
                                    '<td>' + row.paradaemergencia + '</td>' +
                                    '<td name="buttons"><div class="btn-group pull-right"><button id="bEdit" type="button" class="btn btn-sm btn-default" onclick="rowEdit(this);" style=""><span class="glyphicon glyphicon-pencil"> <ion-icon name="create-outline" role="img" class="md hydrated" aria-label="create outline"></ion-icon></span></button><button id="bElim" type="button" class="btn btn-sm btn-default" onclick="rowElim(this);" style=""><span class="glyphicon glyphicon-trash"><ion-icon name="trash-outline" role="img" class="md hydrated" aria-label="trash outline"></ion-icon></span></button><button id="bAcep" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowAcep(this);"><span class="glyphicon glyphicon-ok"><ion-icon name="checkmark-done-outline" role="img" class="md hydrated" aria-label="checkmark done outline"></ion-icon> </span></button><button id="bCanc" type="button" class="btn btn-sm btn-default" style="display: none;" onclick="rowCancel(this);"><span class="glyphicon glyphicon-remove"><ion-icon name="close-circle-outline" role="img" class="md hydrated" aria-label="close circle outline"></ion-icon></span></button></div></td>' +
                                    '</tr>';
                                tableBody.append(newRow);
                            });

/********************AgregarFilasTablas*********************/
    $("#table-list").SetEditable({
        $addButton: $('#add')
    });
    $("#table-list1").SetEditable({
        $addButton: $('#add1')
    });
    $("#table-list2").SetEditable({
        $addButton: $('#add2')
    });
    $("#table-list3").SetEditable({
        $addButton: $('#add3')
    });
    $("#table-list4").SetEditable({
        $addButton: $('#add4')
    });
    $("#table-list5").SetEditable({
        $addButton: $('#add5')
    });
    $("#table-list6").SetEditable({
        $addButton: $('#add6')
    });
    $("#table-list7").SetEditable({
        $addButton: $('#add7')
    });
    $("#table-list8").SetEditable({
        $addButton: $('#add8')
    });
    $("#table-list9").SetEditable({
        $addButton: $('#add9')
    });
    $("#table-list10").SetEditable({
        $addButton: $('#add10')
    });
    $("#table-list11").SetEditable({
        $addButton: $('#add11')
    });
    ///////////////////////////////////////MOSTRAR DIVS////////////////////////////////////////
    $(document).ready(function() {
        $("#btnComprobar").click(function() {
            if ($("#btnradio1").is(':checked')) {
                $("#div1").show();
                $("#tituloMantenimientos").text('Mantenimiento Correctivo');
                alert("Mantenimiento Correctivo")

} else if ($("#btnradio2").is(':checked')) {
                $("#div1").show();
                $("#tituloMantenimientos").text('Mantenimiento Preventivo');
                alert("Mantenimiento Preventivo")
            } else if ($("#btnradio3").is(':checked')) {
                $("#div1").show();
                $("#tituloMantenimientos").text('Puesta En Marcha');
                alert("Puesta En Marcha")
            } else {
                alert("Seleccione el tipo de Mantenimiento")

}
        })
    });
    /************************Boton Exportar*****************************/
    $(document).ready(function() {
        $("#exportarpdf").click(function() {
            swal({
                    title: "¿Desea Exportar el Aplicativo?",
                    text: "Al presionar Ok saldrá una ventana emergente, la cual debe configurar en la parte superior derecha de tal forma: \n \n Destino: Guardar como PDF. \n Páginas : Todo. \n Diseño: Vertical. \n \n Seleccione la opcion de mas ajustes: \n\n Tamaño Papel: Letter. / Carta. \n Página por hoja : 1. \n  Margenes : Predeterminadas. \n Escala : Predeterminado. \n \n Seleccional la casilla de Graficos de Fondo.',",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        $("#header").hide();
                        $("#footerApp").hide();
                        $("#tituloInforme").show();
                        $("#ocultarContenido").hide();
                        $("button").hide();
                        $("#seleccionMant").hide();
                        $("#seleccionMant1").hide();
                        $("#seleccionMant2").hide();
                        $("#tituloSeleccion").hide();
                        $("#titulosMant").show();
                        $("#seccion1").show();
                        $("#seccion02").hide();
                        $("#infoImportante").show();
                        $("#exportarpdf").show();
                        $("#editar").show();
                        $("p").hide();
                        $("#tablas1-1").css("height", "800px");
                        $("#tablas1-2").css("height", "800px");
                        $("#tablas1-3").css("height", "800px");
                        $("#tablas1-4").css("height", "800px");
                        $("#tablas1-5").css("height", "800px");
                        $("br").css("display", "none");
                        $(".header").css("display", "none");
                        $("#boton-fixed").css("display", "block");
                        $('#seccion1,#seccionApp02').printThis({
                            beforePrintEvent: function() {
                                $('#seccion1,#seccionApp02').addClass('hide-backgrounds');
                            },
                            afterPrintEvent: function() {
                                $('#seccion1,#seccionApp02').removeClass('hide-backgrounds');
                            }
                        });
                    }
                });

})
    });

$(document).ready(function() {
        $("#boton-fixed").click(function() {
            swal({
                    title: "¿Desea Volver A Editar el Aplicativo?",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        $("#header").show();
                        $("#footerApp").show();
                        $("#tituloInforme").show();
                        $("#ocultarContenido").show();
                        $("button").show();
                        $("#seleccionMant").show();
                        $("#seleccionMant1").show();
                        $("#seleccionMant2").show();
                        $("#tituloSeleccion").show();
                        $("#titulosMant").show();
                        $("#seccion1").show();
                        $("#seccion02").show();
                        $("#infoImportante").show();
                        $("#exportarpdf").show();
                        $("#editar").show();
                        $("p").show();
                        $("#boton-fixed").hide();
                        for (var i = 0; i <= 74; i++) {
                            $("#fotoSeccion1-" + i).css("margin-top", "none");
                        }
                    }
                });

})
    });
    /*************************Eliminar-Boton-Agregar-Secciones*************************/
    $(document).ready(function() {
        var contadorFotos = 1;
        $("#add8").click(function() {
            contadorFotos++;
            if (contadorFotos >= 18) {
                $("#add8").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#add9").click(function() {
            contadorFotos++;
            if (contadorFotos >= 18) {
                $("#add9").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#add10").click(function() {
            contadorFotos++;
            if (contadorFotos >= 18) {
                $("#add10").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#add11").click(function() {
            contadorFotos++;
            if (contadorFotos >= 18) {
                $("#add11").css("display", "none")
            }
        })
    })
    /**************************************************************************************************/
    $(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotos1-1").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotos1-1").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotos1-2").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotos1-2").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp2-1").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp2-1").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp2-2").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp2-2").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp3-1").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp3-1").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp3-2").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp3-2").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp4-1").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp4-1").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        var contadorFotos = 1;
        $("#botonSeccionFotosp4-2").click(function() {
            contadorFotos++;
            if (contadorFotos >= 7) {
                $("#botonSeccionFotosp4-2").css("display", "none")
            }
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotos1-1").click(function() {
            $("#añadir1").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotos1-2").click(function() {
            $("#añadir2").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp2-1").click(function() {
            $("#añadir3").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp2-2").click(function() {
            $("#añadir4").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp3-1").click(function() {
            $("#añadir5").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp3-2").click(function() {
            $("#añadir6").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp4-1").click(function() {
            $("#añadir7").css("display", "none")
        })
    })

$(document).ready(function() {
        $("#botonSeccionFotosp4-2").click(function() {
            $("#añadir8").css("display", "none")
        })
    })
</script>

</html>

${this.title}

Code Editor : Aplicativo.php