{% extends 'menu/menu.html' %}
{% load static %}


{% block title %} Autentificacion 2 Pasos {% endblock %}

{% block body %}


<h4 class=" mb-4 fw-bold text-center">Autentificacion 2 Pasos</h4>


<div class="container mt-4">
    <div class="card border-0 shadow-sm p-3 mb-1 bg-body rounded w-100">
        <div class="d-flex justify-content-between align-items-center">
            <div class="d-flex align-items-center">
                <div>
                    <h6 class="mb-0"><b>Verificación en 2 Pasos</b></h6>
                    <small class="text-muted">Mantén tu Cuenta Segura!</small>
                </div>
            </div>
            <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" id="verificationSwitch" data-name="switch-mfa" {% if userData.mfa2_value == 1 or userData.mfa2_value == '1' %} checked {% endif %}>
            </div>
        </div>
        <small class="text-danger">Al tenerlo activo se te enviara un codigo para ingresar a la aplicacion por medio de Whatsapp!</small>
    </div>
</div>

{% endblock %}



{% block scripts %}


<script>
    $(document).ready(function () {
        var buttons = "Bfrtlip";

        var csrfToken = "{{ csrf_token }}";
        var user_id = "{{ user_id }}";
        var tipo_usuario = "{{ tipo_usuario }}";
        var userName = "{{ userName }}";

        var toastMixin = Swal.mixin({
            toast: true,
            icon: 'success',
            title: 'General Title',
            animation: false,
            position: 'top-right',
            showConfirmButton: false,
            timer: 2000,
            timerProgressBar: true,
            didOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
            }
        });

        let dollarUSLocale = Intl.NumberFormat("en-US", {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        });

        let intergerLocale = Intl.NumberFormat("en-US", {
            minimumFractionDigits: 0,
            maximumFractionDigits: 0
        });


        $('#verificationSwitch').on('change', function () {
            var isChecked = $(this).is(':checked');
            var value = isChecked ? 1 : 0;

            try {
                $.ajax({
                    url: `{% url 'mfa_enable_disable' %}`,
                    type: "POST",
                    dataScr: 'data',
                    data: {
                        value: value,
                        csrfmiddlewaretoken: csrfToken
                    },
                    dataType: "json",
                    success: function (data) {
                        if (data.save != 1) {
                            Swal.fire("", "Error D: " + data.error, "error");
                        }
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        });

    });
</script>



{% endblock %}