@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>
                    </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" style="margin-left: 15px; display: none">
						      <!--https://static-content.vnforapps.com/v2/js/checkout.js-->
	                        <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>
@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>
	
	$("#div_btn_pagar").hide();
	
	    function myFunction()
		{
			var checkbox3 = document.getElementById("checkbox3");
			var checkbox4 = document.getElementById("checkbox4");
	
			if (checkbox3.checked == true && checkbox4.checked == true){
				$("#div_btn_pagar").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í");
			} else
				{
					$("#div_btn_pagar").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">Loading...</span>
            `);
        }
    </script>
@endsection