'use strict';


let widthPhoneCabinet = 1200;

toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');

function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
    let elements = document.querySelectorAll(mainElement);

    elements.forEach(e => {
        let thisMainElement = e,
            thisButtonElement = e.querySelector(buttonElement),
            thisHeightElement = e.querySelector(heightElement),
            thisContentElement = e.querySelector(contentElement);        
        if (thisButtonElement){
thisButtonElement.onclick = function (e) {
            let height = thisHeightElement.clientHeight;

            if (close == true && !thisMainElement.classList.contains('active')) {
                elements.forEach(e => {
                    if (e.classList.contains('active')) {
                        e.classList.remove('active');
                        e.querySelector(contentElement).style.height = null
                    }                    
                })
            }

            if (!thisMainElement.classList.contains('active')) {
                thisContentElement.style.height = `${height}px`;
                thisMainElement.classList.add('active');
            }else{
                thisContentElement.style.height = null;
                thisMainElement.classList.remove('active');
            }
        }
        }
        
        
    });
}

jQuery('.cabinet-card__button').on('click', function(){
    var id  = jQuery(this).data('edit')
    jQuery(`#pet_edit_` + id).addClass('active')
})

jQuery('.form-sub__btn').on('click', function(){
    jQuery(`#subForm`).addClass('active')
})

jQuery('.user-edit-open').on('click', function(){
    jQuery(`#user_edit`).addClass('active')
})

jQuery('.cabinet-card__block-add-pets').on('click', function(){
    jQuery(`#pet_add_form`).addClass('active')
})


jQuery(document).ready(function ($) {
    $('.subscription-address-form').on('submit', function (e) {
        e.preventDefault();

        var $form = $(this);
        var $message = $form.find('.form-message');
        var subscriptionId = $form.data('subscription-id');
        var address = $form.find('input[name="address"]').val();
        var comment = $form.find('textarea[name="comment"]').val();
        var nonce = $form.find('input[name="address_nonce"]').val();

        $message.hide().removeClass('success error').empty();

        $.ajax({
            url: '/wp-admin/admin-ajax.php', // Defined in wp_localize_script
            type: 'POST',
            data: {
                action: 'update_subscription_address',
                subscription_id: subscriptionId,
                address: address,
                comment: comment,
                address_nonce: nonce
            },
            success: function (response) {
                if (response.success) {
                    $message.addClass('success').text(response.data.message).show();
                } else {
                    $message.addClass('error').text(response.data.message).show();
                }
            },
            error: function () {
              
            }
        });
    });
});