<?
include 'concha.php';

mysql_connect("$host","$usuario","$contra");

mysql_select_db ("$basedatos");



$sql = "SELECT * FROM `configuracion` LIMIT 1";

$consulta = mysql_query ($sql);

while ($row = mysql_fetch_array($consulta))

{


$nombre_kiosco = $row["nombre_kiosco"];

}

mysql_free_result($consulta); ?><!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Imprimir una Mesa</title>
        <meta name="description" content="Una guía interactiva de primeros pasos para Brackets.">
        <link rel="stylesheet" href="main.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">

.Estilo2 {
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
.Estilo3 {font-family: Arial, Helvetica, sans-serif; font-size: 19px;}


@media print{

  .oculto-impresion, .oculto-impresion *{

    display: none !important;

  }

}




        </style>
</head>
    <body>

<p class="Estilo3"><? echo $nombre_kiosco ?></p>
<p class="Estilo3">


<div class="Estilo3" style="font-family:Arial, Helvetica, sans-serif; font-size:9px; margin-bottom: -19px;" ><?php

$a = date(Y);
$m = date(m);
$d = date(d);
$h = date(H);
$min = date(i);




echo "$d/$m/$a - <b>$h:$min</b>"; ?></div>



<br>




<?




$sql = "SELECT * FROM `ID_ventas` LIMIT 1";



$consulta = mysql_query ($sql);

while ($row = mysql_fetch_array($consulta))

{


$ID_venta = $row["ID"];

}

mysql_free_result($consulta);




$barcode = $_POST['barcode'];
$cantidad = $_POST['cantidad'];
$varios = $_POST['varios'];

$precio_varios = $_POST['precio_varios'];



$sql = "SELECT * FROM `articulos` WHERE `barcode` = '$barcode' LIMIT 1";




$consulta = mysql_query ($sql);

while ($row = mysql_fetch_array($consulta))

{

$ID_producto = $row["ID"];
$titulo = $row["titulo"];
$foto = $row["foto"];
$precio = $row["precio"];
$stock = $row["stock"];
$barcode = $row["barcode"];

}

mysql_free_result($consulta);




?>



<?
$total = 0;


mysql_connect("$host","$usuario","$contra");

mysql_select_db ("$basedatos");


$sql = "SELECT * FROM `movimientos` WHERE `ID_venta` = '$ID_venta'";


$consulta = mysql_query ($sql);

while ($row = mysql_fetch_array($consulta))

{
$ID_mov = $row["ID"];
$ID_articulo = $row["ID_articulo"];
$precio = $row["precio"];
$cantidad = $row["cantidad"];
$detalle = $row["detalle"];



if ($multicaja == 1) { mysql_select_db ("$basedatos_multicaja"); };

$sql22 = "SELECT * FROM `articulos` WHERE `ID` = '$ID_articulo' LIMIT 1";

$consulta22 = mysql_query ($sql22);

while ($row22 = mysql_fetch_array($consulta22))

{
$ID_producto = $row22["ID"];
$titulo = $row22["titulo"];
$foto = $row22["foto"];
$stock = $row22["stock"];
$barcode = $row22["barcode"];

}

mysql_free_result($consulta22);




if ($multicaja == 1) { mysql_select_db ("$basedatos"); };
$precio_uni = $precio;

$precio = $precio * $cantidad;
$total = $total + $precio;




?><div class="col-lg-6 col-sm-12 col-md-12" style="font-family: 'Roboto Mono', monospace; margin-bottom: 0px; margin-top: -18px;">_______________________</div>
<div class="col-lg-6 col-sm-12 col-md-12" style="font-family: 'Roboto Mono', monospace;">
  <?php if($ID_articulo == 0) { echo $detalle; } else { echo $titulo; }; ?> <? if ($cantidad == 1) {} else { ?><br><i>Precio Uni. $<? echo $precio_uni ?></i> <? } ?> <br> x<?php echo $cantidad ?> = <b style="50px">$ <? echo $precio ?> </b>
</div>

<?



}

mysql_free_result($consulta);

?>

<div class="col-lg-6 col-sm-12 col-md-12" style="font-family: 'Roboto Mono', monospace;">-------------------------</div>

<h3 style="margin-top: -3px; font-family: 'Roboto Mono', monospace;" >TOTAL: $ <? echo $total ?></h3>
<br>

<hr>


<!-- Contenedor para los botones -->
<div class="botones-container">
    <!-- Botón Imprimir -->
    <button onClick="javascript:imprimir()" class="oculto-impresion imprimir-btn">Imprimir Ticket</button>
    <!-- Botón Actualizar -->
    <button onClick="window.location.reload();" class="oculto-impresion actualizar-btn">Actualizar</button>
</div>

<!-- Estilo CSS para los botones -->
<style type="text/css">
    /* Contenedor para los botones */
    .botones-container {
        position: fixed;              /* Fija el contenedor en la parte superior de la pantalla */
        top: 10px;                    /* Coloca el contenedor a 10px del borde superior */
        width: 100%;                  /* Asegura que el contenedor ocupe todo el ancho */
        padding: 10px;                /* Espaciado alrededor de los botones */
        z-index: 1000;                /* Asegura que el contenedor quede sobre otros elementos */
    }

    /* Estilo general para los botones */
    .oculto-impresion {
        font-size: 19px;
        padding: 10px 20px;           /* Añade espacio dentro de los botones */
        border: none;                 /* Sin borde */
        border-radius: 5px;           /* Bordes redondeados */
        cursor: pointer;             /* Aparece el puntero cuando se pasa sobre el botón */
        transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
    }

    /* Botón Imprimir */
    .imprimir-btn {
        color: white;                 /* Texto blanco */
        background-color: #219EBC;    /* Fondo azul */
    }

    /* Botón Actualizar */
    .actualizar-btn {
        color: white;                 /* Texto blanco */
        background-color: #FF5733;    /* Fondo naranja oscuro */
    }

    /* Efecto de hover para el botón Imprimir */
    .imprimir-btn:hover {
        background-color: #1A7F8D;    /* Cambia el color de fondo cuando se pasa el mouse */
    }

    /* Efecto de hover para el botón Actualizar */
    .actualizar-btn:hover {
        background-color: #C94D30;    /* Cambia el color de fondo a un tono más oscuro de naranja */
    }

    /* Estilo para el primer botón (Imprimir) */
    .oculto-impresion.imprimir-btn {
        position: absolute;          /* Lo coloca de forma absoluta dentro del contenedor */
        left: 10px;                  /* Pegado al borde izquierdo */
    }

    /* Estilo para el segundo botón (Actualizar) */
    .oculto-impresion.actualizar-btn {
        position: absolute;          /* Lo coloca de forma absoluta dentro del contenedor */
        right: 10px;                 /* Pegado al borde derecho */
    }

    @media print{
        .oculto-impresion, .oculto-impresion * {
            display: none !important;
        }
    }
</style>


        <script>

        $(document).on('click', '.panel-heading span.clickable', function(e){
    var $this = $(this);
	if(!$this.hasClass('panel-collapsed')) {
		$this.parents('.panel').find('.panel-body').slideUp();
		$this.addClass('panel-collapsed');
		$this.find('i').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');

	} else {
		$this.parents('.panel').find('.panel-body').slideDown();
		$this.removeClass('panel-collapsed');
		$this.find('i').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');

	}
})


function imprimir(){
    window.print();
}
        </script>
    </body>
</html>
