@extends('layout.master')
@section('title')
    Detalle de Pago en Línea
@stop
@section('region_editable')
@section('styles')
    <link href="{{ asset('assets/plugins/custombox/dist/custombox.min.css') }}" rel="stylesheet">
    <style>
        @media (max-width: 991px){
            .wrapper{
                margin-top: 30px;
            }
        }
    </style>
@endsection


<div class="row">
    <div class="col-sm-12">


	<?php
        $recibo_ = session()->get('General');
		$mount   = session()->get("importe");
        $mount   = number_format((float)$mount, 2, '.', '');
    	$token   = generateTokenX();
        $sesion  = generateSesion($mount, $token, $recibo_);
		$ETICKET = session()->get("liquidacion");   // '3412312331';

		//echo '<br> token 1  '.$token.'\n';
		//echo 'mount 1  '.$mount.'<br>';
		//echo 'sesion   '.$sesion.'<br>';
		//echo 'ETICKET  '.$ETICKET.' <br>'

	?>


            <div class="card-box">
                <div class="row">
                    <div class="col-md-8">
                        <div><label>Código de contribuyente: </label> {{ session()->get('Datos')['cod_contribuyente']}}</div>
                        <div><label>Contribuyente: </label> {{ session()->get('Datos')['nomb'] }}</div>
                        <div><label>Dirección Fiscal: </label> {{ session()->get('Datos')['direccion']    }}</div>

                        <br>
                    </div>
                    <div class="col-md-4" style="text-align: right">
                        <a style="padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; margin-left:10px; margin-top:11px" href="{{ url('oauth/logout') }}" class="btn btn-danger">
                            <i class="fa fa-sign-out"></i> <span>Cerrar Sesión</span>
                        </a>
                    </div>
                </div>
                <br/>
                <div class="row">
                    <div class="col-md-4 col-md-offset-4">
                        <table class="table table-bordered m-0">
                            <tbody>
                            <tbody>
                            <tr>
                                <td style="background-color: #61AB65; color: #fff; width: 50%">Liquidación</td>
                                <td style="background-color: #f1f2f2; color: #000">{{session()->get('General')}}</td>
                            </tr>
                            <tr>
                                <td style="background-color: #61AB65; color: #fff; width: 50%">Importe S/.</td>
                                <td style="background-color: #f1f2f2; color: #000">{{session()->get('importe')}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="col-md-6 col-md-offset-3" style="padding-top: 20px; text-align: center">
                            <h4 style="color: #61AB65">He leído y estoy de acuerdo con...:</h4>
                            <div class="checkbox checkbox-primary">
                                <input id="checkbox3" type="checkbox" name="terms" onchange="myFunction()">
                                <label>
                                    <a href="#terminos-condiciones" data-animation="door" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#f1f2f2">Términos y Condiciones</a>
                                </label>
                            </div>
                            <div class="checkbox checkbox-primary">
                                <input id="checkbox4" type="checkbox" name="policies" onchange="myFunction()">
                                <label>
                                    <a href="#politicas-devolucion" data-animation="door" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#f1f2f2">Políticas de Devolución</a>
                                </label>
                            </div>

							<div class="checkbox checkbox-primary">
                                <input id="checkbox4" type="checkbox" name="privacidad" onchange="myFunction()">
                                <label>
                                    <a href="#politicas-privacidad" data-animation="door" data-plugin="custommodal" data-overlaySpeed="100" data-overlayColor="#f1f2f2">Políticas de Privacidad</a>
                                </label>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-md-offset-3" style="padding-top: 20px; display: flex; justify-content: center">
                        <button type="button" class="btn btn-success btn-rounded w-md waves-effect waves-light m-b-5" style="background-color: #18a054 !important; border: 1px solid #18a054 !important; width: 185px;">
                            <a id="btnBack" style="color: #fff" href="{{ url('/')  }} " onclick="showSpinner()">
                                <i class="fa  fa-mail-reply"></i> &nbsp; <span> Regresar </span> &nbsp;
                            </a>
                        </button>



						    <div id="div_btn_pagar_openpay" style="margin-left: 15px; display: none">
								 <form id="miFormulario" action="https://gestrad.munimolina.gob.pe/Presentacion/openpay/" method="post" >
									<input type="hidden" name="txt_recibo" id="txt_recibo" value={{session()->get('General')}} >
									<input type="hidden" name="txt_monto" id="txt_monto" value={{session()->get('importe')}} >
									<input type="hidden" name="txt_operacion" id="txt_operacion" value=<?php echo $ETICKET ?> >
									<input type="hidden" name="txt_origen" id="txt_origen" value="O">
									<button type="button"  id="btnopenpay" class="btn btn-success btn-rounded w-md waves-effect waves-light m-b-5" style="background-color: #18a054 !important; border: 1px solid #18a054 !important; width: 185px; margin-left:10px">
										<i class="fa" ></i> &nbsp; <span> Pagar con Tarjeta </span>
									 </button>
								</form>
							</div>


					     	<div id="div_btn_pagar" style="margin-left: 15px; display: none">
								<form name="fm" id="frmVisaNet" action="https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS_SHARED/finalizar.php?amount= <?php echo trim($mount); ?>&purchaseNumber=<?php echo $ETICKET ;?>" onsubmit="return checkForm(this);" >
								    <script src='https://static-content.vnforapps.com/v2/js/checkout.js'
									data-sessiontoken= <?php echo "'".trim($sesion)."'" ;?>
									data-channel="web"
									data-merchantid='131365704'
									data-merchantlogo=https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS/public/assets/images/logo-large.png
									data-purchasenumber= <?php echo "'".trim($ETICKET)."'" ;?>
									data-amount=<?php echo "'".trim($mount)."'" ;?>
									data-expirationminutes="5"
									data-timeouturl="https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS/public/index.php/oauth/login"></script>
							   </form>
						  </div>



							<!--
						    <div id="div_btn_pagar" style="margin-left: 15px; display: none">
								<form name="fm" id="frmVisaNet" action="https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS_SHARED/finalizar.php?amount= <?php echo trim($mount); ?>&purchaseNumber=<?php echo $ETICKET ;?>" onsubmit="return checkForm(this);" >
								   <script src='https://static-content.vnforapps.com/v2/js/checkout.js'
									data-sessiontoken= <?php echo "'".trim($sesion)."'" ;?>
									data-channel="web"
									data-merchantid='131365704'
									data-merchantlogo=https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS/public/assets/images/logo-large.png
									data-purchasenumber= <?php echo "'".trim($ETICKET)."'" ;?>
									data-amount=<?php echo "'".trim($mount)."'" ;?>
									data-expirationminutes="5"
									data-timeouturl="https://molipagos.munimolina.gob.pe:444/MOLINA.PAGOS/public/index.php/oauth/login"></script>
							   </form>
						    </div>
						    -->


                    </div>
                </div>
            </div>

    </div>
</div>

<div id="terminos-condiciones" class="modal-demo">
    <button type="button" class="close" onclick="Custombox.close();">
        <span>&times;</span><span class="sr-only">Close</span>
    </button>
    <h4 class="custom-modal-title" style="background-color: #61AB65 !important;">Términos y Condiciones</h4>
    <div class="custom-modal-text" style="text-align: justify" >
        Este servicio le permitirá al contribuyente realizar el pago de sus tributos y obligaciones administrativas sin necesidad de hacer filas, sin perder tiempo y desde la comodidad de su domicilio o lugar de trabajo. La intención es facilitar los trámites al contribuyente, de manera que no tenga que acudir a las Oficinas de la Municipalidad, y pueda interactuar con el Municipio de manera sencilla, rápida y sin tener que moverse de su lugar. Para acceder a este servicio el contribuyente deberá contar con una tarjeta de crédito o de debito afiliada a VISA. Para que se puedan realizar los pagos en línea, la Municipalidad de la Molina ha desarrollado un Sistema de Pagos que garantiza y respalda las operaciones que pueda realizar. Una vez que e! contribuyente decide hacer el pago vía Internet, el cargo a su tarjeta de crédito o débito se hará en el momento en que se selecciona el botón "Pagar", posteriormente aparecerá una pantalla de información en la cual se podrá visualizar el resultado de la operación.
    </div>
</div>

<div id="politicas-devolucion" class="modal-demo">
    <button type="button" class="close" onclick="Custombox.close();">
        <span>&times;</span><span class="sr-only">Close</span>
    </button>
    <h4 class="custom-modal-title" style="background-color: #61AB65 !important;">Políticas de Devolución</h4>
    <div class="custom-modal-text" style="text-align: justify" >
        <ol style="text-align: left">
            <li><b>Políticas de Devolución</b>
                <br>
                <br>
                Una vez confirmado el pedido (al seleccionar el botón Pagar) no hay opción a cancelarlo,
                en tal sentido es necesario que antes de generar el pago verifique bien toda la
                información.<br>
                <br>
                La Municipalidad de la Molina no realizará devoluciones de dinero que le corresponda
                al contribuyente, pero si podrá solicitar Compensaciones y/o Transferencias de acuerdo
                al Art. 40 Código Tributario D.S. Nº 135-99-EF del 19.08.99.<br>
                <br>
            </li>
            <li><b>Procedimiento para solicitar Transferencia y/o Compensación</b>
                <br>
                <br>
                <ul>
                    <li>Acercarse a la Municipalidad de la Molina a la Gerencia de Administración Tributaria.<br>
                    </li>
                    <li>En la Sub-Gerencia de Control y Recaudación, le entregarán una Solicitud
                        dirigida al Señor Alcalde en la cual usted deberá indicar el tributo y período materia
                        de Transferencia y/o Compensación.<br>
                    </li>
                    <li>Y la transferencia se realiza en ese mismo momento<br>
                    </li>
                    <li>El trámite es gratuito.<br>
                    </li>
                    <li>Tiempo<br>
                        La Solicitud de Compensación y/o transferencia deberá ser presentada en un lapso
                        de tiempo menor al establecido en el Art. 43º y 44º del Código Tributario, pasado
                        este tiempo no hay lugar a reclamo.<br>
                    </li>
                </ul>
            </li>
        </ol>
    </div>
</div>

<div id="politicas-privacidad" class="modal-demo">
    <button type="button" class="close" onclick="Custombox.close();">
        <span>&times;</span><span class="sr-only">Close</span>
    </button>
    <h4 class="custom-modal-title" style="background-color: #61AB65 !important;">Politica de Privacidad</h4>
    <div class="custom-modal-text" style="text-align: justify" >
	 <ol >
	    <li>
        <b>Introducción</b>
		<br>
		    MUNICIPALIDAD DISTRITAL DE LA MOLINA (en adelante, "MoliPagos"), institucion identificada con RUC N° 20131365722, se compromete a proteger la privacidad y confidencialidad de los datos personales de los usuarios, conforme a lo dispuesto en la Ley N° 29733 - Ley de Protección de Datos Personales y su reglamento.
			<br>
       </li>
	  <li>
	    <b>Datos Personales Recopilados</b><br>
        MoliPagos podrá recopilar los siguientes datos personales de los usuarios:
        <br>
		Nombre completo.
		Documento de identidad.
		Dirección de correo electrónico.
		Número de teléfono.
		Dirección de envío.
		Información de pago (gestionada por terceros, como la pasarela de pago Openpay by BBVA).
		Datos de navegación y cookies.
		<br>
	 </li>
     <li>
	  <b>Finalidades del Tratamiento de Datos</b><br>

		 Los datos personales son tratados con las siguientes finalidades:

		Gestionar, procesar y cumplir con los pagos realizadas en el sitio web.
		Enviar confirmaciones, actualizaciones y notificaciones relacionadas con el estado de deuda.
		Enviar información sobre promociones, productos y servicios de MoliPagos, previa autorización expresa del titular de los datos.
		Realizar estudios de análisis de comportamiento de navegación en el sitio web para mejorar la experiencia del usuario.
		Cumplir con obligaciones legales, incluyendo la atención de reclamos o quejas, así como la emisión de comprobantes electrónicos y reportes fiscales.
		<br>
	 </li>
	 <li>
     <b>Base Legal para el Tratamiento de Datos</b><br>
		El tratamiento de los datos personales por parte de MoliPagos se fundamenta en:
		La ejecución de un contrato de compraventa.
		El consentimiento expreso y previo del usuario cuando se trate de finalidades adicionales, como el envío de información promocional.
		El cumplimiento de obligaciones legales.
        <br>
     </li>
	 <li>
       <b>Comunicación y Transferencia de Datos</b><br>
		MoliPagos no transferirá, compartirá ni cederá los datos personales de los usuarios a terceros, salvo en los siguientes casos:
		Para la ejecución del contrato, como con los servicios de entrega y mensajería o las pasarelas de pago.
		Para el cumplimiento de obligaciones legales o a requerimiento de autoridades competentes.
		MoliPagos utilizará los servicios de Openpay by BBVA para procesar pagos de manera segura, asegurando que los datos financieros no son almacenados por MoliPagos, sino que se procesan directamente por el proveedor de pago.
		<br>
     </li>
	 <li>
       <b>Registro de Consentimiento</b><br>
        MoliPagos obtiene el consentimiento expreso y previo de los titulares de los datos personales a través de mecanismos claros, como formularios de aceptación o casillas de verificación ("checkbox") en el momento de la recolección de los datos. Este consentimiento puede ser revocado en cualquier momento por el titular.
		<br>
     </li>
	 <li>
       <b>Actualización de Datos Personales</b><br>
        Es responsabilidad del titular de los datos mantener actualizada su información personal. Para actualizar sus datos, el usuario podrá ponerse en contacto con MoliPagos a través de mesadepartes@munimolina.gob.pe.
	   <br>
     </li>
      <li>
       <b>Subcontratación de Servicios</b><br>
		Para la ejecución de algunos servicios, MoliPagos puede recurrir a proveedores externos que actuarán como encargados del tratamiento de los datos personales, garantizando que dichos terceros cumplan con las medidas de seguridad y confidencialidad exigidas por la Ley N° 29733.
        <br>
     </li>
     <li>
       <b>Transferencias Internacionales de Datos</b><br>
		En caso de que los datos personales deban ser transferidos fuera del Perú, MoliPagos solicitará previamente el consentimiento del titular, a menos que se trate de excepciones legales establecidas en la Ley N° 29733. Cualquier transferencia se realizará garantizando un nivel adecuado de protección.
		<br>
     </li>
     <li>
		<b>Uso de Cookies y Datos de Navegación</b><br>
		MoliPagos utiliza cookies y otras tecnologías de seguimiento con el fin de mejorar la experiencia del usuario y optimizar el funcionamiento del sitio web.
		El usuario puede configurar su navegador para rechazar o eliminar las cookies, pero algunas funcionalidades del sitio podrían verse afectadas.
     <br>
     </li>
     <li>
       <b>Seguridad de los Datos Personales</b><br>
		MoliPagos implementa las medidas de seguridad técnicas, organizativas y legales necesarias para proteger los datos personales de los usuarios, conforme a los principios de confidencialidad, integridad y disponibilidad establecidos en la Ley N° 29733.
		Medidas de Seguridad: MoliPagos implementa tecnologías como el cifrado SSL para proteger las transacciones, control de acceso restringido a los datos personales, y sistemas de monitoreo continuo para detectar y prevenir posibles vulnerabilidades o accesos no autorizados.
		Aunque MoliPagos adopta medidas adecuadas, no garantiza la seguridad absoluta de los datos, por lo que se recomienda a los usuarios tomar precauciones adicionales al usar internet.
     <br>
     </li>
     <li>
       <b>Derechos del Titular de los Datos</b><br>
		Conforme a la Ley N° 29733, los titulares de los datos personales tienen derecho a:
		Acceso: Solicitar información sobre el tratamiento de sus datos personales.
		Rectificación: Corregir sus datos personales si son inexactos o incompletos.
		Cancelación: Solicitar la supresión de sus datos personales cuando ya no sean necesarios para las finalidades del tratamiento o cuando se haya retirado el consentimiento.
		Oposición: Oponerse al tratamiento de sus datos personales por motivos legítimos o para fines de marketing directo.
		Revocación del Consentimiento: Retirar el consentimiento en cualquier momento para las finalidades adicionales al contrato.
		Para ejercer estos derechos, el titular de los datos puede enviar una solicitud a mesadepartes@munimolina.gob.pe, adjuntando una copia de su documento de identidad.
      <br>
     </li>
    <li>
       <b>Política de Retención de Datos</b><br>
		Los datos personales serán conservados durante el tiempo necesario para cumplir con las finalidades del tratamiento. Los datos financieros se conservarán durante el tiempo exigido por la legislación tributaria, mientras que los datos de contacto se conservarán hasta que el usuario solicite su supresión o se retire su consentimiento.
      <br>
     </li>
	 <li>
       <b>Plazo de Respuesta a las Solicitudes</b><br>
		MoliPagos se compromete a responder las solicitudes relacionadas con el ejercicio de derechos ARCO (Acceso, Rectificación, Cancelación, y Oposición) en un plazo no mayor a 20 días hábiles, conforme al artículo 73 del Reglamento de la Ley N° 29733.
		Menores de Edad
		Los servicios de MoliPagos no están dirigidos a menores de edad. En caso de que se recopilen datos personales de menores, el consentimiento deberá ser otorgado por los padres o tutores legales, conforme a lo dispuesto en la Ley N° 29733.
		<br>
     </li>
	 <li>
       <b>Toma de Decisiones Automatizadas</b><br>
		MoliPagos no utiliza tecnologías de toma de decisiones automatizadas ni realiza perfilado basado en los datos personales de los usuarios.
	   <br>
     </li>
	 <li>
	   <b>Política en Caso de Violación de Datos</b><br>
		En caso de una violación de seguridad que afecte los datos personales de los usuarios, MoliPagos notificará oportunamente a los titulares de los datos y a la Autoridad Nacional de Protección de Datos Personales, conforme a lo establecido en la normativa vigente.
       <br>
     </li>
	 <li>
	   <b>Enlaces Externos</b><br>
		El sitio web de MoliPagos puede contener enlaces a otros sitios web gestionados por terceros. MoliPagos no se responsabiliza por las prácticas de privacidad de estos sitios externos y recomienda a los usuarios revisar sus respectivas políticas de privacidad antes de proporcionar cualquier información personal.
		<br>
     </li>
	 <li>
       <b>Modificaciones a la Política de Privacidad</b><br>
		MoliPagos se reserva el derecho de modificar esta Política de Privacidad en cualquier momento, notificando a los usuarios a través del sitio web. Las modificaciones entrarán en vigencia a partir de su publicación en la página web.
	   <br>
     </li>
	 <li>
       <b>Contacto</b><br>
		Para cualquier consulta o solicitud relacionada con esta Política de Privacidad, los usuarios pueden contactar a MoliPagos a través del correo mesadepartes@munimolina.gob.pe.<br>
		<b>MUNICIPALIDAD DISTRITAL DE LA MOLINA</b><br>
		mesadepartes@munimolina.gob.pe
		</li>
		</ol>
    </div>
</div>


@endsection
@section('js')
    <script src="{{ asset('assets/plugins/custombox/dist/custombox.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/custombox/dist/legacy.min.js') }}"></script>
    <script>


		$( "#btnopenpay" ).on( "click", function() {
			document.getElementById('miFormulario').submit();
		} );

	    $("#div_btn_pagar").hide();
		$("#div_btn_pagar_openpay").hide();

	    function myFunction(){
			var checkbox3 = document.getElementById("checkbox3");
			var checkbox4 = document.getElementById("checkbox4");

			if (checkbox3.checked == true && checkbox4.checked == true){
				$("#div_btn_pagar").show();
				$("#div_btn_pagar_openpay").show();

				document.getElementById('frmVisaNet').setAttribute("style", "display:block");
                $(".start-js-btn.modal-opener.default").css("background", "#18a054");
                $(".start-js-btn.modal-opener.default").css("fontWeight", "normal");
                //$(".start-js-btn.modal-opener.default").text("Paga aquí");
				$(".start-js-btn.modal-opener.default").text("Pago con Yape, Plin");
			} else
				{
				   $("#div_btn_pagar").hide();
				   $("#div_btn_pagar_openpay").hide();
				   document.getElementById('frmVisaNet').setAttribute("style", "display:none");
			}
		};

		$("#logo").css('width', 'auto');
	    $(window).load(function() {
            $(".loader").fadeOut("slow");
            $("#logo").css('width', 'auto');
        })

        function showSpinner() {
            $('#btnBack').append(`
                <i class="fa fa-spinner fa-pulse"></i>
                <span class="sr-only">Loading1...</span>
            `);
        }
    </script>
@endsection
