<script src="<?php echo $_layoutParams['ruta_js']; ?>jquery.js"></script>
<script type="text/javascript">
    
    $('#divAlertInfo').fadeIn(500);
    $('#divAlertInfo').animate({
        'display': 'block'
    });
    $.ajax({
    url: '<?php echo BASE_URL . 'webpay/loadExito' ?>',
    type: 'POST',
    //Form data
    //datos del formulario
    data: "cuotas=<?php echo $this->numero_cuota; ?>&fecha_transaccion=<?php echo $this->fecha_transaccion; ?>&hora_transaccion=<?php echo $this->hora_transaccion; ?>&codigo_trasaccion=<?php echo $this->codigo_trasaccion; ?>&fecha_contable=<?php echo $this->fecha_contable; ?>&tarjeta_credito=<?php echo $this->tarjeta_credito; ?>&tipo_pago=<?php echo $this->tipo_pago ; ?>&total_pago=<?php echo  $this->total_pago; ?>",
    //necesario para subir archivos via ajax
    cache: false,
    contentType: 'application/x-www-form-urlencoded',
    processData: true,
    //mientras enviamos el archivo
    beforeSend: function () {
    },
    //una vez finalizado correctamente
    success: function (data)
    {
        $('#divAlertInfo').delay(100).fadeOut(500);
    $('#divAlertInfo').animate({
        'display': 'none'
    });
        $("#cartaConfirmacion").html(data);
    },
    //si ha ocurrido un error
    error: function ()
    {
        alert('Ha ocurrido un error, vuelva a intentar su busqueda.');
    }
});
</script>
<div class="container">
    <h3 class="booking-title">
        &nbsp;
        <br>
    </h3>
    <div class="row">
        <div class="col-md-1">
        </div>

        <div class="col-md-10">
            <div class="alert alert-dismissable alert-success">
                <i class="fa fa-check round box-icon-large box-icon-center box-icon-success mb30"></i>
                <h2 class="text-center">&iexcl;GRACIAS POR SU COMPRA!</h2>
                <h5 class="text-center mb30">Pago realizado con &eacute;xito.</h5>
            </div>
            <br>
            <center><h3 class="text-color"><strong>Informaci&oacute;n de pago</strong></h3></center>
            <br>
            <ul class="order-payment-list list mb30">
                <li>
                    <div class="row">
                        <div class="col-md-4">Comercio: <strong class="text-color"><?php echo $this->comercio; ?></strong>   </div>
                        <div class="col-md-1">-</div>
                        <div class="col-md-4">Orden de compra: <strong class="text-color"><?php echo $this->orden_compra; ?></strong></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-4">Fecha Transacci&oacute;n: <strong class="text-color"><?php echo $this->fecha_transaccion; ?></strong>   </div>
                        <div class="col-md-1">-</div>
                        <div class="col-md-4">Hora Transacci&oacute;n: <strong class="text-color"><?php echo $this->hora_transaccion; ?></strong></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-4">Codigo Autorizaci&oacute;n: <strong class="text-color"><?php echo $this->codigo_trasaccion; ?></strong></div>
                        <div class="col-md-1">-</div>
                        <div class="col-md-4">Fecha Contable: <strong class="text-color"><?php echo $this->fecha_contable; ?></strong></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-4">Tarjeta de cr&eacute;dito terminada: <strong class="text-color"><?php echo $this->tarjeta_credito; ?></strong></div>
                        <div class="col-md-1">-</div>
                        <div class="col-md-4">Tipo Pago: <strong class="text-color"><?php echo $this->tipo_pago; ?></strong ></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-4">Tipo cuotas: <strong class="text-color"><?php echo $this->tipo_cuota; ?></strong></div>
                        <div class="col-md-1">-</div>
                        <div class="col-md-4">Numero cuotas: <strong class="text-color"><?php echo $this->numero_cuota; ?></strong></div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="col-md-9">Total Compra: <strong class="text-color" style="font-size: 18px;">&nbsp;&nbsp;<?php echo Functions::formatoValor('P', $this->total_pago); ?></strong ></div>
                    </div>
                </li>
            </ul>
             <div class="row" id="cartaConfirmacion">                       
            <?php echo $this->cartaConfirm;?>
            </div>
            
            <script language="Javascript">
                function imprSelec(nombre)
                {
                    var ficha = document.getElementById(nombre);
                    var ventimp = window.open(' ', 'popimpr');
                    ventimp.document.write(ficha.innerHTML);
                    ventimp.document.close();
                    ventimp.print( );
                    ventimp.close();
                }
            </script>
        </div>
    </div>
</div>