<?php

if (!defined('ABSPATH')) {
    return;
}

?>

<style>
    .woocommerce-save-button.button-primary {
        display: none;
    }
</style>

<?php
if ($environment === TransbankVendor\Transbank\Webpay\Options::ENVIRONMENT_INTEGRATION) { ?>
    <div class="info-container" style="display: flex">


        <?php include_once 'components/info-validacion-webpay-plus-box.php'; ?>
        <?php include_once 'components/credenciales-box.php'; ?>

    </div>

<?php } ?>

<div class="tbk-box">
    <table class="form-table" role="presentation">
        <?php
        $originalSettings = $this->settings;
        $this->settings = $this->getPersistedFormSettings();
        $this->generate_settings_html();
        $this->settings = $originalSettings;
        ?>
    </table>
    <button name="save" class="button-primary woocommerce-save-button tbk-custom-save-button" type="submit" value="<?php _e('Guardar cambios', 'transbank_wc_plugin'); ?>"><?php _e('Guardar cambios', 'transbank_wc_plugin'); ?></button>
</div>

<div id="my-content-id" class="tbk-welcome-message-content" hidden>
    <h2>¡Excelente!</h2>
    <img class="tbk-welcome-message-logo" src="<?php echo plugins_url('/images/webpay-logo.png', dirname(__DIR__)); ?>" alt="Webpay logo">
    <div>
        <p>Ahora que ya tienes el plugin instalado, tu sitio ya está habilitado para que tus clientes puedan pagar usando Webpay Plus.
            Asegúrate de que tu tienda esté
            <a target="_blank" rel="noopener" href="<?php echo admin_url('admin.php?page=wc-settings&tab=general'); ?>">configurada para aceptar pesos chilenos</a>

        </p>
    </div>


    <p>Notarás que el plugin viene configurado en modo Integración, por lo que opera en un ambiente de pruebas, con dinero y tarjetas de prueba.</p>

    <h3>¿Que hago ahora?</h3>
    <p>Verifica que todo funcione correctamente. Realiza algunas compras con tarjetas de crédito y de débito, además de probar con transacciones aprobadas y rechazadas.
    </p>

    <h3>Documentación</h3>
    <p>Encuentra más detalles y funcionalidades en la <a target="_blank" rel="noopener" href="http://transbankdevelopers.cl/plugin/woocommerce/">documentación oficial del plugin</a></p>
    <!--<iframe width="100%" height="315" src="https://www.youtube.com/embed/AB9eh7BTJUE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->

</div>

<a href="#" id="show-welcome-message" style="padding-top: 10px" class="">Ver mensaje de bienvenida nuevamente</a>

<script>
    (function($) {
        <?php if (!$showedWelcome) { ?>
            openWelcomeMessageTransbankWebpayRest();
        <?php } ?>
        $('#show-welcome-message').click(function() {
            openWelcomeMessageTransbankWebpayRest();
        })
        //window.tb_show('TbkRestModalWelcome', "#TB_inline?&width=600&height=550&inlineId=my-content-id", null);
        function openWelcomeMessageTransbankWebpayRest() {
            let content = $('#my-content-id').clone();
            content.prop('hidden', false);
            content.show();
            swal({
                content: content[0],
                className: 'tbk-swal-modal',
            });
        }
    })(jQuery);
</script>
<script>
    (function() {
        var qs, js, q, s, d = document,
            gi = d.getElementById,
            ce = d.createElement,
            gt = d.getElementsByTagName,
            id = "typef_orm_share",
            b = "https://embed.typeform.com/";
        if (!gi.call(d, id)) {
            js = ce.call(d, "script");
            js.id = id;
            js.src = b + "embed.js";
            q = gt.call(d, "script")[0];
            q.parentNode.insertBefore(js, q)
        }
    })()
</script>
