<?php 
    session_start();

    $validar = $_SESSION['nombre'];

    // Verificar si el usuario está logueado
    if (!isset($_SESSION['nombre']) || $_SESSION['nombre'] == '') {
        header("Location: ../../../RECURSOS/login.php");
        exit();
    }

    include("../../../RECURSOS/conexion.php");
    $con = conectar();

    /* Traer id de usuario actual */
    $id_usuario = $_SESSION['id'];
    /* Traer id de dato obtenido de ventas y mercadeo (listado_ops.php) */
    $id = $_GET['id'];

    // Consulta para obtener los datos del usuario, incluyendo los campos chk1 y chk4
    $sql = "SELECT chk1, chk6 FROM user1 WHERE id = $id_usuario";
    $result = $con->query($sql);

    if ($result->num_rows > 0) {
        // Output de los datos de cada fila
        while($row = $result->fetch_assoc()) {
            $chk1 = $row["chk1"];
            $chk6 = $row['chk6'];
        }
    }

    $squary = "SELECT * FROM costos WHERE ID = '$id'";
    $query = mysqli_query($con,$squary);

    $row = mysqli_fetch_assoc($query);

?>

<?php
    date_default_timezone_set ('America/Bogota');
    $fecha = date("Y-m-d"); 
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- IMPORTES DE LINKS Y BIBLIOTECAS -->
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+10&family=Jersey+25&family=Oswald&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- MIS ESTILOS -->
    <link rel="stylesheet" href="css/mont.css">

    <!--------------- TITULO --------------->
    <title>Registro - pre_prensa</title>
</head>
<body>
    <!-- CONTENEDOR GLOBAL -->
    <div class="pr-cont container px-5 py-3">
        <form action="insertar.php" method="POST">
            <!-- CONTENEDOR ANIDADO 1 -->
            <div class="row bg-universal py-3 mb-3">
                <!-- CONTENEDOR ELEMENTAL -->
                <div class="col-lg">
                    <!-- PRIMER SUB-CONTENEDOR -->
                    <div class="row">
                        <!------------------ RELOJ DIGITAL ------------------->
                        <div class="col-lg">
                            <div class="wrap py-3" >
                                <div class="widget w-100">
                                    <!-- FECHA / DIA ACTUAL-->
                                    <div class="fecha py-2 pb-0 text-heads bg-galaxian">
                                        <p id="diaSemana" class="diaSemana"></p>
                                        <p id="dia" class="dia"></p>
                                        <p>de </p>
                                        <p id="mes" class="mes"></p>
                                        <p>del </p>
                                        <p id="year" class="year"></p>
                                    </div>

                                    <!-- RELOG / HORA ACTUAL -->
                                    <div class="relog bg-galaxian">
                                        <p id="horas" class="horas"></p>
                                        <p>:</p>
                                        <p id="minutos" class="minutos"></p>
                                        <p>:</p>
                                        <div class="caja-segundos">
                                        <p id="ampm" class="ampm"></p>
                                        <p id="segundos" class="segundos"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!------------------ RELOJ DIGITAL ------------------->
                        <!------------------ NOMBRE APELLIDO / APARTADO / FECHA ACTUAL ------------------->
                        <div class="col-lg">
                            <!-- Contenedor de Nombre y Apellido del usuario -->
                            <div class="seccion col-lg my-3 bg-galaxian">
                                <h1 class="text-center pt-2 py-1">pre_prensa - (<?php echo " " . $_SESSION['nombre'] . " " . $_SESSION['apellido'] . "     "; ?>)</h1>
                            </div>
                            
                            <!-- Contenedor de apartado y fecha actual -->
                            <div class="row">
                                <!-- Apartado -->
                                <div class="col-lg w-100">
                                    <h5 class="text-left text-white">Apartado</h5>
                                    <input type="text" name="apartado" class="form-control text-center bg-galaxian" value="pre_prensa" readonly>
                                </div>

                                <!-- Fecha Actual - FECHA DE REGISTRO DE ORDEN INTERNA -->
                                <div class="col-lg">
                                    <h5 class="text-left text-white">Fecha de registro</h5>
                                    <input type="date" name="fecha" class="form-control text-center bg-galaxian" value="<?php echo $fecha ?>" readonly>
                                    <input type="hidden" name="fk_prnsacost" value="<?php echo $row['ID']; ?>">
                                </div>
                                <!-- Fecha de rececpcion de archivo digital -->
                                <div class="col-lg">
                                    <h5 class="text-left text-white">Fecha de recepción</h5>
                                    <input type="date" name="fecha_recepcion" class="form-control text-center date_reception">
                                </div>
                            </div>  

                        </div><hr class="bg-white py-1">
                    </div>
                    <!-- SEGUNDO SUB-CONTENEDOR -->
                    <div class="row">
                        <!-- OP -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Orden de Producción</h5>
                            <input type="text" disabled id="orden_No" class="bg-white form-control bg-galaxian text-center" value="<?php echo $row['orden_No'] ?>">
                        </div>
                        <!-- Selectores de Codigos de Operario -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center">Código Operario</h5>
                            <select name="codigo" class="form-select bg-galaxian">
                                <?php
                                    switch(true) {
                                        case $validar && $chk6 == 'pre_prensa':
                                            echo "<option value='".$_SESSION['codigo']."'>".$_SESSION['codigo']."</option>";
                                            break;
                                        case $validar && ($chk1 == 'Administrador'):
                                            $sql = "SELECT * FROM user1 WHERE codigo";
                                            $result = $con->query($sql);

                                            if($result->num_rows > 0) {
                                                while($row = $result->fetch_assoc()) {
                                                    echo "<option value='".$row['codigo']."'>".$row['codigo']."</option>";
                                                }
                                            }
                                            break;
                                        default:
                                            break;
                                    }
                                ?>
                            </select>
                        </div>
                        <!-- Maquina -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Maquina</h5>
                            <input type="text" name="maquina" value="CTP-I" class="bg-white form-control bg-galaxian" readonly>
                        </div>
                        <!-- Turnos del Operario -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Turno</h5>
                            <input type="text" name="turno" value="MAÑANA (07:00AM - 17:00PM)" class="bg-white form-control bg-galaxian" readonly>
                        </div>
                    </div><hr class="bg-white">

                    <div class="row">
                        <!-- OP -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Cliente</h5>
                            <input type="text" disabled class="bg-white form-control bg-galaxian text-center" value="<?php echo !empty($row['cliente']) ? $row['cliente'] : $row['cuenta_cobro']; ?>">
                        </div>
                        <!-- OP -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Ejecutivo</h5>
                            <input type="text" disabled class="bg-white form-control bg-galaxian text-center" value="<?php echo $row['ejecutivo']; ?>">
                        </div>
                        <!-- OP -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Clase de Trabajo</h5>
                            <input type="text" disabled class="bg-white form-control bg-galaxian text-center" value="<?php echo $row['clase_trabajo']; ?>">
                        </div>
                        <!-- OP -->
                        <div class="col-lg">
                            <h5 class="text-left text-white text-center txt_wfs">Referencia de Trabajo</h5>
                            <input type="text" disabled class="bg-white form-control bg-galaxian text-center" value="<?php echo $row['referencia']; ?>">
                        </div>
                    </div><hr class="bg-white py-1">

                    <div class="row">
                        <!-- IMAGEN -->
                        <div class="col-lg-2 py-3">
                            <div class="row contaier_photo">
                                <div class="col-lg text-center px-0 py-0">
                                    <h6 class="text-center text-white mt-2 mb-3 title-corp">ALPRIGRAMA S.A.S</h6>
                                    <img src="../../../RECURSOS/img/LOGO3.png" alt="" class="user" id="profile-photo">
                                </div>
                            </div>
                        </div>
                        <!-- ACABADOS -->
                        <div class="col-lg">
                            <div class="row">
                                <!------------------- MATERIAL ------------------->
                                <div class="col-lg text-center" style="margin-left: 6px;">
                                    <div class="row">
                                        <div class="col-lg">
                                            <h5 class="text-center text-white txt_wfs py-1">Material Suministrado</h5>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg px-0">
                                            <button type="button" class="MaterialBtn btn fw-bold" onclick="toggleMaterial(event)">
                                                Material
                                            </button>
                                            <div id="dropdownMaterial" class="dropdown-content bg-white"></div>
                                        </div>
                                        <div class="col-lg px-0">
                                            <button type="button" id="addMaterialOpt" class="btn btn-light fw-bold w-100" data-bs-toggle="modal" data-bs-target="#addMaterialOptionModal">
                                                <i class="fa-solid fa-plus"></i>
                                            </button>
                                        </div>
                                    </div>
            
                                </div>

                                <!------------------- APROBACION ------------------->
                                <div class="col-lg text-center" style="margin-left: 6px;">
                                    <div class="row">
                                        <div class="col-lg">
                                            <h5 class="text-center text-white txt_wfs py-1">Se Aprobo por medio de</h5>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg px-0">
                                            <button type="button" class="AprobBtn btn fw-bold" onclick="toggleAprobacion(event)">
                                                Aprobación
                                            </button>
                                            <div id="dropdownAprobacion" class="dropdown-content bg-white"></div>
                                        </div>
                                        <div class="col-lg px-0">
                                            <button type="button" id="addAprobacionOpt" class="btn btn-light fw-bold w-100" data-bs-toggle="modal" data-bs-target="#addAprobacionOptionModal">
                                                <i class="fa-solid fa-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <!-- CORRECIONES DE TRABAJO -->
                                <div class="col-lg">
                                    <h5 class="text-center text-white txt_wfs py-1">¿Se realizaron Correciones?</h5>
                                    <select name="val_correct" id="corrections" class="text-center form-select bg-corrections border-0 fw-bold">
                                        <option>SI</option>
                                        <option>NO</option>
                                    </select>
                                </div>
                            </div><hr class="bg-white">

                            <div class="row">
                                <div class="col-lg">
                                    <h5 class="text-center text-white txt_wfs">Acabados</h5>
                                    <textarea class="form-control txtareaxd w-100 mw-100 text-center" disabled><?php echo $row['acabados']; ?></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <!-- DIBUJO DEL MONTAJE -->
            <div class="row bg-universal">
                <div class="col-lg">
                    <div class="row">
                        <!--------------------------------------- MONTAJE --------------------------------------->
                        <div class="col-lg py-2 px-3 text-center canvas-container">
                            <!-- Aquí se crearán los canvas dinámicamente -->
                        </div>
                        <!--------------------------------------- MONTAJE --------------------------------------->

                        <!--------------------------------------- CARACTERISTICAS DE PLANCHAS --------------------------------------->
                        <div class="col-lg mx-3 my-2">
                            <!-------------------------------------- PRIMERA FILA -------------------------------------->
                            <div class="row mb-1 bg-containers py-3">
                                <div class="col-lg">
                                    <div class="row pt-2">
                                        <h4 class="text-center text-white txt-wfs">MONTAJES Y PLANTILLAS</h4>
                                    </div><hr class="bg-white my-2">

                                    <div class="row">
                                        <div class="col-lg">
                                            <div class="row">
                                                <h6 class="text-center text-white">Listado de Montajes</h6>
                                            </div>
                                            <div class="row px-3">
                                                <div class="col-lg" style="padding-right: 0; padding-left: 0;">
                                                    <div class="dropdown text-center">
                                                        <button class="btn btn-light dropdown-toggle w-100" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
                                                            Seleccionar Montaje
                                                        </button>
                                                        <ul class="dropdown-menu overflow-scroll" id="montajeDropdown" aria-labelledby="dropdownMenuButton">
                                                            <!-- Opciones serán agregadas aquí dinámicamente -->
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-lg-1" style="padding-left: 0;">
                                                    <button type="button" id="addMont" class="btn btn-primary text-center"><i class="fa-solid fa-plus"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-------------------------------------- SEGUNDA FILA -------------------------------------->
                            <div class="row mt-1 character_planch_cont bg-containers" id="config_cont">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row bg-universal mt-4 py-3 ">
                <div class="col-lg">
                    <div class="row">
                        <div class="col-lg">
                            <div class="row">
                                <div class="col-lg">
                                    <h4 class="text-center text-white">Opciones de entrega</h4>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg">
                                    <div class="row">
                                        <div class="col-lg">
                                            <button type="button" class="EntregaBtn btn fw-bold w-100 mw-100" onclick="toggleEntrega(event)">
                                                Material a entregar
                                            </button>
                                            <div id="dropdownEntrega" class="dropdown-content bg-white"></div>
                                        </div>

                                        <div class="col-lg">
                                            <button type="button" id="addEntregaOpt" class="btn btn-light fw-bold w-100" data-bs-toggle="modal" data-bs-target="#addEntregaOptionModal">
                                                <i class="fa-solid fa-plus"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg">
                            <div class="row">
                                <div class="col-lg">
                                    <h4 class="text-center text-white">Observaciones de Tintas Especiales</h4>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg">
                                    <textarea type="text" name="special_inks_observs" style="height:84px; resize: none;" class="form-control w-100" placeholder="OBSERVACIONES TINTAS ESPECIALES" ></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg">
                            <div class="row">
                                <div class="col-lg">
                                    <h4 class="text-center text-white">Observaciones generales</h4>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg">
                                    <textarea type="text" name="general_observs" style="height:84px; resize: none;" class="form-control w-100" placeholder="OBSERVACIONES GENERALES" ></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row bg-universal mt-2">
                        <div class="col-lg">
                            <div class="row">
                                <div class="col-lg">
                                    <h4 class="text-center text-white">SALIR / GUARDAR TRABAJO</h4>
                                </div>
                            </div>
                            <hr class="bg-white py-1">
                                <div class="row">
                                    <div class="col-lg">
                                    <a class="btnC btn w-100 mt-1" href="index.php">Salir sin Guardar</a>
                                </div>
                                <div class="col-lg">
                                    <button id="btnS" class="btn w-100 mt-1" type="submit">Guardar y Salir</button>
                                    <input type="hidden" name="estado" id="estado" value="PENDIENTE">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- TERCER SUB-CONTENEDOR -->
            <div class="row mt-4">
                <div class="col-lg">
                    <div class="row mb-2">
                        <div class="col-lg">
                            <input type="text" class="form-control" name="montajes" id="arrayMont">
                            <input type="text" name="val_msum" id="val_materialvalue" value="">
                            <input type="text" name="val_aprob" id="val_aprobacionvalue" value="">
                            <input type="text" name="material_entrega" id="val_entregavalue" value="">
                            <input type="text" name="OP" value="<?php echo $row['orden_No']; ?>">
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <!-- MODAL PARA AGREGAR APROBACION PERSONALIZADA -->
    <!-- Modal para agregar opciones a Material -->
    <div class="modal fade" id="addMaterialOptionModal" tabindex="-1" aria-labelledby="addMaterialOptionLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addMaterialOptionLabel">Agregar Material</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="text" id="newMaterialOptionInput" class="form-control" placeholder="Nueva opción de material">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="addNewOption('material')">Agregar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal para agregar opciones a Aprobación -->
    <div class="modal fade" id="addAprobacionOptionModal" tabindex="-1" aria-labelledby="addAprobacionOptionLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addAprobacionOptionLabel">Agregar Aprobación</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="text" id="newAprobacionOptionInput" class="form-control" placeholder="Nueva opción de aprobación">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="addNewOption('aprobacion')">Agregar</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal para agregar opciones a Aprobación -->
    <div class="modal fade" id="addEntregaOptionModal" tabindex="-1" aria-labelledby="addEntregaOptionLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addEntregaOptionLabel">Agregar Entrega</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="text" id="newEntregaOptionInput" class="form-control" placeholder="Nueva opción de entrega">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="addNewOption('entrega')">Agregar</button>
                </div>
            </div>
        </div>
    </div>


    <!-- Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
    <!-- CDNS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/konva/8.3.10/konva.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
    <!-- SCRIPTS -->
    <script src="js/form-btn2.js"></script>
    <script src="js/main.js"></script>
    <script src="js/montajes.js"></script>
    <script src="js/script0.js"></script>
    <!-- Lista para guardar aprobacion y material suministrado -->
    <script src="js/msum_aprob.js"></script>
    <!-- RECURSOS -->
    <script src="../../../RECURSOS/js/relog.js"></script>
    

</body>
</html>