<?php
session_start();
$usuarioSession = $_SESSION['USUARIO'];
$grupo = $_SESSION['GRUPO'];
$contacto = $_SESSION['CONTACTO'];
$awa_session_id = $_SESSION['AWA_SESION_ID'];
include('../lg/config_vo.php');
include('../includes/conex.php');
include('../includes/eat.php');
include('../includes/historial.php');
include('../class/Static.php');
include('../class/Schema.php');
include('../class/MotherCar.php');
include('../class/PuzzleHTML.php');
if(!isset($usuarioSession) or $awa_session_id != $awa_id){
    eatCookies();
    header('Location:../index.php');
}
if(isset($_COOKIE['usuario']) AND $_COOKIE['usuario'] != $staticUsu ){
    eatCookies();
    header('Loction:../index.php');
}
if(isset($_COOKIE['idioma'])){
    include('../lg/LG_' . $_COOKIE['idioma'] . '.php');
}else{
    include('../lg/LG_SP.php');
}


$html = '';
$nr = 0;
$Schema = new Schema($con);
$MotherCar = new MotherCar($con);
$codigo_coche = Statics::SafeInput($con, $_POST['codigo_vehiculo']);
$portal = Statics::SafeInput($con, $_POST['portal']);
$car = $MotherCar->getCarData($codigo_coche);


//Variables para la query de las imagenes
$ESQUEMA = $Schema->select_esquema_o_esquema_estructura(TRUE); 
$GRUPO = $Schema->select_esquema_o_esquema_estructura(); 
$GRUPOE_TIPO = $Schema->select_esquema_estructura_valores('TIPO',$ESQUEMA);

$LISTA = $Schema->select_esquema_estructura_valores('TIPO', $ESQUEMA, 'LISTA');
$sql_codigo_etiqueta = "SELECT CODIGO FROM ETIQUETAS WHERE GRUPO = $LISTA AND DESCRIPCION = 'FOTO'";
$res_codigo_etiqueta = $con->query($sql_codigo_etiqueta);
$row_codigo_etiqueta = $res_codigo_etiqueta->fetch_array(); 
$ETIQUETA = $row_codigo_etiqueta['CODIGO'];
$GRUPOE_PUBLICABLE = $Schema->select_esquema_estructura_valores('PUBLICABLE', $ESQUEMA);


/* $html .= '<h5 class="mt-2 pb-3 font-weight-normal border-bottom">' . $car['MOSTRAR'] . '</h5>'; */
$html .= '<div class="modal-header">';
    $html .= '<h5 class="modal-title" id="info-car-title-modal">' . $car['MOSTRAR'] . '</h5>';
    $html .= '<button type="button" class="close" data-dismiss="modal" aria-label="Close">';
    $html .= '<span aria-hidden="true">&times;</span>';
    $html .= '</button>';
$html .= '</div>';
$html .= '<div class="modal-body"><form class="form-row mt-3" method="post" action="php_o/post-stock-mascara.php" enctype="multipart/form-data">';

    $html .= '<div class="col-12 col-lg-8 border rounded mb-3 pb-1" style="z-index: 2;">';
    



        //------------------------------------------------------------------
        $IMGs = '';
        $IMGs2 = '';
        $sql = "SELECT E.CLAVE, E.NOMBRE, E.SUFIJO, E.PARTES, E.POS, E.ENTRADA
        FROM BIBLIOTECA_ELEMENTOS E 
        INNER JOIN BIBLIOTECA_ETIQUETAS T1 ON E.CLAVE = T1.CLAVE
        INNER JOIN BIBLIOTECA_ETIQUETAS T2 ON E.CLAVE = T2.CLAVE
        INNER JOIN BIBLIOTECA_ETIQUETAS T3 ON E.CLAVE = T3.CLAVE
        WHERE T1.ESQUEMA = ? AND T1.GRUPOE = ? AND T1.ETIQUETA = ?
        AND T2.ESQUEMA = ? AND T2.GRUPOE = ? AND T2.ETIQUETA = ?
        AND T3.ESQUEMA = ? AND T3.GRUPOE = ? AND T3.ETIQUETA = ?
        AND E.PAPELERA = ?
        AND E.CLAVE NOT IN (SELECT DOCUMENTO FROM VEHICULOS_TASACIONES_DOCS) ORDER BY E.POS ASC";
        $res = $Schema->executeQuery($sql, 'iiiiiiiiii', [$ESQUEMA, $GRUPO, $codigo_coche, $ESQUEMA, $GRUPOE_TIPO, $ETIQUETA, $ESQUEMA, $GRUPOE_PUBLICABLE, 1, 0]);
        if($res->num_rows) {//Buscar imagenes en la base de datos como archivos
            $readonly = FALSE;
            while($row = $res->fetch_array()) { 
                $nr++;
                $label = $nr == 1 ? $foto_principal_lg : $foto_lg . " " . $nr;
                $TMP_FILE = 'tmp_img/mascaras/' . $row['NOMBRE'];
                $version = $Schema->executeQuery("SELECT VERSION FROM FICHEROS_" . $row['SUFIJO'] . " WHERE CLAVE = ? ORDER BY VERSION DESC", 's', [$row['CLAVE']])->fetch_array();
                $Schema->create_file("../$TMP_FILE", $row['PARTES'], $row['SUFIJO'], $row['CLAVE']);
                $IMGs .= '<div class="position-relative">';
                    $IMGs .= '<div class="position-absolute ml-2 mt-2 rounded border bg-light pl-2" style="z-index: 1000;"><div class="custom-control custom-checkbox">';
                        $IMGs .= '<input type="checkbox" name="foto[]" value="' . $row['NOMBRE'] . "@" .  $row['CLAVE'] . "@" .  $row['ENTRADA'] . "@" .  $row['SUFIJO'] . "@" .  $version['VERSION'] .'" class="custom-control-input activate-mask" id="x-' . $row['CLAVE'] . '"> ';
                        $IMGs .= '<label class="custom-control-label" for="x-' . $row['CLAVE'] . '">';
                            $IMGs .= $label;
                        $IMGs .= '</label>';
                    $IMGs .= '</div></div>';
                    
                    $IMGs .= '<div class="div-sorting h-500 overflow-hidden"><img class="img-fluid w-100 img-fit"  alt="' . $row['NOMBRE'] . '" src="' . $TMP_FILE .'"></div>';
                    $IMGs2 .= '<div class="m-1"><img class="img-fluid w-100 img-fit"  alt="' . $row['NOMBRE'] . '" src="' . $TMP_FILE .'"></div>';
                $IMGs .= '</div>';
            }
            
        } else { //Buscar las imagenes como enlaces
            $readonly = 'readonly';
            $resLink = $Schema->executeQuery('SELECT LINK, ORDEN FROM VEHICULOS_MULTIMEDIA_LINKS WHERE VEHICULO = ? AND TIPO = ? ORDER BY ORDEN ASC', 'ii', [$codigo_coche, 1]);
            if($resLink->num_rows) {
                while($rowLink = $resLink->fetch_array()) {
                    $nr++;
                    $label = $nr == 1 ? $foto_principal_lg : $foto_lg . " " . $nr;
                    $IMGs .= '<img alt="' . $label . '" src="' . $rowLink['LINK'] .'">';
                    $IMGs2 .= '<div class="m-1"><img class="img-fluid w-100" alt="' . $label . '" src="' . $rowLink['LINK'] .'"></div>';
                }
            } else { //Imagenes no encontradas
                $color = ["primary", "secondary", "success", "danger", "warning", "info"];
                $random = rand(0, 5);
                for($i = 0; $i < 5; $i++) {
                    $IMGs .= '<div class="border d-flex align-items-center justify-content-center text-center bg-' . $color[$random] . '" style="height: 400px;"><i class="far fa-image text-white fa-5x"></i></div>';
                    $IMGs2 .= '<div class="border d-flex align-items-center justify-content-center text-center bg-' . $color[$random] . ' h-200"><i class="far fa-image text-white fa-5x"></i></div>';
                }
            }
        }
        if(!$readonly) {
            $html .= '<div class="custom-control custom-switch my-2">
                <input type="checkbox" class="custom-control-input" id="con-mascara">
                <label class="custom-control-label" for="con-mascara">' . $ver_imagen_con_mascara_lg . '</label>
            </div>';
        }
        $html .= '<div id="naked">';
            $html .= '<div class="slider-for">';
                $html .= $IMGs;   
            $html .= '</div>';
            $html .= '<div class="slider-nav">';
                $html .= $IMGs2; 
            $html .= '</div>';
        $html .= '</div>';
        $html .= '<div id="dressed">';
            $html .= '<div class="d-flex justify-content-center mt-5">';
                $html .= '<div class="spinner-grow" role="status">';
                    $html .= '<span class="sr-only">Loading...</span>';
                $html .= '</div>';
            $html .= '</div>';
        $html .= '</div>';



        //------------------------------------------------------------------




    $html .= '</div>';
    











    
    $html .= '<div class="col-12 col-lg-4 pl-lg-3" style="z-index: 1;">';
        $html .= '<div id="mascara" class="bg-light border rounded p-2 mb-3">';
            $html .= '<div class="custom-control custom-switch mb-3">';
                $html .= '<input type="checkbox" name="posicion_mascara" class="custom-control-input" id="switch-mascara">';
                $html .= '<label class="custom-control-label" for="switch-mascara">' . $aplicar_mascara_en_la_parte_lg . ' <span class="font-weight-bolder" id="label-position">' . strtolower($inferior_lg) . '<i class="fas fa-arrow-down ml-1"></i></span>'. '</label>';
            $html .= '</div>';

            $html .= '<div class="input-group mb-2">';
                $html .= '<div class="custom-file">';
                    $html .= '<input type="file" name="doc" accept="image/jpeg,image/gif,image/png" class="custom-file-input" id="doc">';
                    $html .= '<label class="custom-file-label" for="doc"><span class="text-muted">' . $elige_mascara_lg . '...</span></label>';
                $html .= '</div>';
            $html .= '</div>';
        $html .= '</div>';


        $html .= '<div class="form-group">';
            $html .= '<label for="precio_contado">' . $precio_contado_lg . '</label>';
            $value = $readonly ? 'value="' . $car['VENTA_TOTALSINDTO'] . '"' : FALSE;
            $html .= '<input type="number" class="form-control" id="precio_contado" name="precio_contado" placeholder="' . $precio_contado_lg . '" ' . $readonly . ' ' . $value . '>';
            $html .= '<small class="form-text text-muted">' . $precio_actual_lg . ': ' . $car['VENTA_TOTALSINDTO'] . ' €</small>';
        $html .= '</div>';
        $html .= '<div class="form-group">';
            $html .= '<label for="precio_financiado">' . $precio_financiado_lg . '</label>';
            $value = $readonly ? 'value="' . $car['TOTAL_FINANCIADO'] . '"' : FALSE;
            $html .= '<input type="number" class="form-control" id="precio_financiado" name="precio_financiado" placeholder="' . $precio_financiado_lg . '" ' . $readonly . ' ' . $value . '>';
            $html .= '<small class="form-text text-muted">' . $precio_actual_lg . ': ' . $car['TOTAL_FINANCIADO'] . ' €</small>';
        $html .= '</div>';


        $html .= '<div class="form-group">';
            $html .= '<label for="comentarios">' . $comentarios_lg . '</label>';
            $breaks = array("<br />","<br>","<br/>");  
            $notas = str_ireplace($breaks, "\r\n", $car['NOTAS']); 
            $html .= '<textarea class="form-control" name="comentarios" id="comentarios" rows="10" ' . $readonly . '>' . $notas . '</textarea>';
        $html .= '</div>';
        $html .= '<input type="hidden" name="codigo_coche" value="' . $codigo_coche . '">';
        $html .= '<input type="hidden" name="portal" value="' . $portal . '">';
        
        $btn = $readonly ? FALSE : '<button class="btn btn-primary btn-block" type="submit" name="portal" value="' . $portal . '">' . $guardar_cambios_lg . '</button>';
        $html .= $btn;

    $html .= '</div>';
$html .= '</form></div>';




echo $html;

?>
<script>
    var codigo_coche = <?php echo $codigo_coche; ?>;
    $('#mascara').hide();
    $('#switch-mascara').on('change', function() {
        if($(this).is(':checked')) {
            $('#label-position').html("<?php echo strtolower($superior_lg); ?>" + '<i class="fas fa-arrow-up ml-1"></i>');
        } else {
            $('#label-position').html("<?php echo strtolower($inferior_lg); ?>" + '<i class="fas fa-arrow-down ml-1"></i>');
        }
    })
    $('.activate-mask').on('click', function() {
        if($('.activate-mask').is(':checked')){
            $('.position-icon').fadeIn(500);
            $('#mascara').fadeIn(500)
        } else {
            $('.position-icon').fadeOut(300);
            $('#mascara').fadeOut(300)
        }
    })
    
    $('.slider-for').slick({//inicializar slick(el slider de imagenes)
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        prevArrow: '<span class="prevSlick text-dark c-pointer"><i class="fas fa-chevron-circle-left fa-2x bg-light rounded-circle"></i></span>',
        nextArrow: '<span class="nextSlick text-dark c-pointer"><i class="fas fa-chevron-circle-right fa-2x bg-light rounded-circle"></i></span>',
        asNavFor: '.slider-for',
        adaptiveHeight: true,
        centerMode: true,
        focusOnSelect: true
    });
    
    
    $('#dressed').hide();
    $('#con-mascara').on('change', function() {
        if($(this).is(':checked')) {
            $('#naked').hide();
            $('#dressed').fadeIn();
            $.post('ajax/gestion-naked-dressed-img.php', {codigo_coche: codigo_coche}, function(data) {
                $('#dressed').html(data);
            })
        } else {
            $('#dressed').hide();
            $('#naked').fadeIn(200);
        }
    })

</script>
