{% extends 'tbudddy/tbudddy.html.twig' %}

{% block body %}
    {% include 'tbudddy/customer/menu.html.twig' %}

    <div class="site-section site-section-sm bg-light">
        <div class="container">
            <h2 class="custom_font">{% trans %}enter_new_password{% endtrans %}</h2>
            <div class="alert alert-danger" role="alert" id="customer_new_password_msg" style="display: none"></div>
            <div class="row mb-5">
                <div style="width: 100%; display: block; text-align: center">
                    <div style="display: inline-block; border: #ccc 1px solid; padding: 10px">
                        <form id="form_customer_new_password">
                            <input type="password"      id="customer_password" name="password"  style="width: 200px; margin: 4px; text-align: center" placeholder="{% trans %}customer.password{% endtrans %}"><BR>
                            <input type="password"      id="customer_password_confirm"          style="width: 200px; margin: 4px; text-align: center" placeholder="{% trans %}confirm{% endtrans %} {% trans %}customer.password{% endtrans %}"><BR>
                            <input type="submit" value="{% trans %}confirm{% endtrans %}" class="custom-button" style="margin: 4px">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script language="javascript">
        $('#form_customer_new_password').submit(function(e) {
            e.preventDefault();
            $('.site-loader').show();
            var password = $('#customer_password').val();
            var confirmPassword = $('#customer_password_confirm').val();

            if(password == confirmPassword){
                $.ajax({
                    url:'{{ path('tbudddy_customer_new_password') }}',
                    type: "POST",
                    data: {password: password},
                    success:function (data) {
                        console.log(data);
                        if (data.return == 'invalid-data') {
                            $('#customer_new_password_msg').html('{% trans %}customer.login_invalid_data{% endtrans %}');
                            $('#customer_new_password_msg').show();


                        } else if (data.return == 'success') {
                            //window.open('/customer/login', '_self');
                            $('#modal_password_updated').modal();
                        }
                        $('.site-loader').hide();
                    }
                });
            }else{
                $('#customer_new_password_msg').html('{% trans %}match_passwords{% endtrans %}');
                $('#customer_new_password_msg').show();
                $('.site-loader').hide();
            }

            
        });
    </script>
{% endblock %}