<?php
function convertHtmlToImage($html, $outputFile) {
    // Guardar el HTML en un archivo temporal
    $tempHtmlFile = tempnam(sys_get_temp_dir(), 'html') . '.html';
    file_put_contents($tempHtmlFile, $html);

    // Comando para convertir HTML a imagen usando wkhtmltoimage
    $command = "wkhtmltoimage --width 413 --quality 100 $tempHtmlFile $outputFile";
    
    // Ejecutar el comando
    exec($command, $output, $returnVar);
    
    // Eliminar archivo temporal
    unlink($tempHtmlFile);

    // Verificar si la conversión fue exitosa
    if ($returnVar === 0) {
       // return "Imagen creada correctamente: $outputFile";
       return true;
    } else {
        //return "Error al generar la imagen";
        return false;
    }
}
?>
@extends('base_es', ['paginas'=>$paginas,'franquicia'=>$franquicia,'titulo'=>$pagina->titulo,'descripcion'=>$pagina->descripcion,'metatags'=>$pagina->metatags,'codehead'=>$pagina->codehead,'codebody'=>$pagina->codebody])

@section('main')
@push('stylesheets')
<style type="text/css">
  tr.cancelada td {background: #ccc}
  #confirmacion { text-align: center; }
  #shareButton {
    color: black;
    position: absolute;
    margin-top: 80px;
    margin-left: 100px;
}
</style>

   
@endpush
@push('scripts')
<script>
       $(document).ready(function () {
    $("#shareButton").on("click", async function () {
        var imageUrl = $("#imageToShare").attr("src");

        try {
            const image = await fetch(imageUrl);
            const blob = await image.blob();
            const file = new File([blob], "imagen.jpg", { type: "image/jpeg" });

            if (navigator.canShare && navigator.canShare({ files: [file] })) {
                await navigator.share({
                    title: "Imagen compartida",
                    text: "Mira esta imagen!",
                    files: [file]
                });
            } else {
                alert("Tu navegador no permite compartir archivos.");
            }
        } catch (error) {
            console.log("Error al compartir:", error);
        }
    });
});

    </script>
@endpush
<div class="contenido">

<div class="seccion">
  <h1 class="titulo">RESERVA</h1>
   <div id="contenido_pagina">
    	@if($reservada==1)
    	<div>
    		<div id="confirmacion"><a id="shareButton" href="#" ><img src="{{asset('images/compartir.jpg');}}" width="65"/></a>
    		<?php $array_dias = array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
    		$array_meses = array("1"=>"Enero","2"=>"Febrero","3"=>"Marzo","4"=>"Abril","5"=>"Mayo","6"=>"Junio","7"=>"Julio","8"=>"Agosto","9"=>"Septiembre","10"=>"Octubre","11"=>"Noviembre","12"=>"Diciembre");
    		
    		$hora = $reserva_creada[0]->hora_inicio;
    		$hora_aux = explode(":", $hora);
            $fechareserva=$reserva_creada[0]->fecha;
            $un_dia = new \DateInterval('P1D');
            $time = new \DateTime($fechareserva);
            $time->add($un_dia);
            $diadespues = $time->format('Y-m-d');
            if($reserva_creada[0]->trasnoche and $guardardiaanterior!=1){
                $fechareserva=$diadespues;
            }
            $dia = date('w',strtotime($fechareserva));
            $mes = date('n',strtotime($fechareserva));
            $diames= date('j',strtotime($fechareserva));
            $hora = $hora_aux[0].":".$hora_aux[1];
            $dianombre=$array_dias[$dia];
            $abonar =$reserva_creada[0]->precio;
            $telefonofanquicia = $franquicia[0]->telefonovisible;
            $imagensala= '<img src="https://'. request()->getHost().'/uploads/img/'.$reserva_creada[0]->imagen.'" width="104">';
            $logo='<img src="https://'. request()->getHost().'/images/logo.jpg">';
            $direccion="<a href='".$franquicia[0]->googlemapsenlace."'>".$franquicia[0]->direccion."</a>";
            //#dianombre# #diames#/#mes# a las #hora# #abonar# #telefonofanquicia# #imagensala#
            $nombresala= $reserva_creada[0]->sala;
            $textoconfirmada =  $pagina->codeok;
            $patterns = array();
            if($reserva_creada[0]->trasnoche==1){
                $trasnoche="<div style='color:red;font-weight: bold;font-size: 13px;'>Atención: El turno elegido corresponde a una reserva trasnoche, es decir que inicia el día $dianombre</div>";
            }else{
                $trasnoche="";
            }
            $patterns[0] = '/#dianombre#/';
            $patterns[1] = '/#diames#/';
            $patterns[2] = '/#mes#/';
            $patterns[3] = '/#hora#/';
            $patterns[4] = '/#abonar#/';
            $patterns[5] = '/#telefonofanquicia#/';
            $patterns[6] = '/#imagensala#/';
            $patterns[7] = '/#urlreserva#/';
            $patterns[8] = '/#nombresala#/';
            $patterns[9] = '/#logo#/';
            $patterns[10] = '/#direccion#/';
            $patterns[11] = '/#totalpersonas#/';
             $patterns[12] = '/#trasnoche#/';
            $replacements = array();
            $replacements[0] = $dianombre;
            $replacements[1] = $diames;
            $replacements[2] = $mes;
            $replacements[3] = $hora;
            $replacements[4] = $abonar;
            $replacements[5] = $telefonofanquicia;
            $replacements[6] = $imagensala;
            $replacements[7] =  url('/reservar')."/".$franquicia[0]->id;
            $replacements[8] = $nombresala;
            $replacements[9] = $logo;
            $replacements[10] = $direccion;
            $replacements[11] =  $reserva_creada[0]->cantidad;
            $replacements[12] =  $trasnoche;
            $textoconfirmada= preg_replace($patterns, $replacements, $textoconfirmada);
            ?>
             {!! $textoconfirmada !!}
             
             <?php $estilos='<link rel="stylesheet" href="'.asset('css/estilos_pagina.css').'?v='.time().'">';
             $html = '<html><meta charset="utf-8">'.$estilos.'<body style="width: 413px;"><style>body{text-align:center;}#confirmacion,body{width:413px;}</style><div="confirmacion">'.$textoconfirmada.'</div></body></html>';
             $aux=date("his");
$outputFile = public_path($aux.'imagen.jpg');
$options = [
    'width' => 413, // Establecer el ancho de la imagen
    'height' => 500 // Si también necesitas controlar la altura, puedes hacerlo aquí
];
convertHtmlToImage($html, $outputFile,$options);
             ?>

              <img id="imageToShare" src="{{ asset($aux.'imagen.jpg'); }}" alt="Imagen" width="300" style="display:none;">
               

             <script type="text/javascript">
         /*    
        window.onload = function() {
    // Ejecuta la redirección después de 2 segundos (2000 milisegundos)
    setTimeout(function() {
        // Redirige automáticamente al usuario a la URL de pago
        window.location.href = "<?php echo url('/checkout/'.$reserva_creada[0]->id) ?>";
    }, 2000); // 2000 milisegundos = 2 segundos
};
*/
    </script>
    		</div>

       
@else
     {{$mensaje}}<br>
    @if($mensajebloqueo==0)
     Inténtelo nuevamente desde <a href="<?php echo url('/reservar'); ?>/{{$franquicia[0]->id}}">aquí</a>
    @endif
     {!! $pagina->codefail !!}
@endif
    </div>
</div>
</div>
  
@endsection