import DomElement from "./DomElement";

class DomElementCollection {

    constructor() {
        this.gatewayRadioButton = new DomElement({
            selector: '#payment_method_ppcp-axo-gateway',
        });

        this.defaultSubmitButton = new DomElement({
            selector: '#place_order',
        });

        this.paymentContainer = new DomElement({
            id: 'ppcp-axo-payment-container',
            selector: '#ppcp-axo-payment-container',
            className: 'ppcp-axo-payment-container'
        });

        this.watermarkContainer = new DomElement({
            id: 'ppcp-axo-watermark-container',
            selector: '#ppcp-axo-watermark-container',
            className: 'ppcp-axo-watermark-container'
        });

        this.customerDetails = new DomElement({
            selector: '#customer_details > *:not(#ppcp-axo-customer-details)'
        });

        this.axoCustomerDetails = new DomElement({
            id: 'ppcp-axo-customer-details',
            selector: '#ppcp-axo-customer-details',
            className: 'ppcp-axo-customer-details',
            anchorSelector: '#customer_details'
        });

        this.emailWidgetContainer = new DomElement({
            id: 'ppcp-axo-email-widget',
            selector: '#ppcp-axo-email-widget',
            className: 'ppcp-axo-email-widget'
        });

        this.shippingAddressContainer = new DomElement({
            id: 'ppcp-axo-shipping-address-container',
            selector: '#ppcp-axo-shipping-address-container',
            className: 'ppcp-axo-shipping-address-container'
        });

        this.billingAddressContainer = new DomElement({
            id: 'ppcp-axo-billing-address-container',
            selector: '#ppcp-axo-billing-address-container',
            className: 'ppcp-axo-billing-address-container'
        });

        this.fieldBillingEmail = new DomElement({
            selector: '#billing_email_field'
        });

        this.submitButtonContainer = new DomElement({
            selector: '#ppcp-axo-submit-button-container',
        });

        this.submitButton = new DomElement({
            selector: '#ppcp-axo-submit-button-container button'
        });

        this.changeShippingAddressLink = new DomElement({
            selector: '*[data-ppcp-axo-change-shipping-address]',
            attributes: 'data-ppcp-axo-change-shipping-address',
        });

        this.changeBillingAddressLink = new DomElement({
            selector: '*[data-ppcp-axo-change-billing-address]',
            attributes: 'data-ppcp-axo-change-billing-address',
        });

        this.changeCardLink = new DomElement({
            selector: '*[data-ppcp-axo-change-card]',
            attributes: 'data-ppcp-axo-change-card',
        });

        this.showGatewaySelectionLink = new DomElement({
            selector: '*[data-ppcp-axo-show-gateway-selection]',
            attributes: 'data-ppcp-axo-show-gateway-selection',
        });

        this.axoNonceInput = new DomElement({
            id: 'ppcp-axo-nonce',
            selector: '#ppcp-axo-nonce',
        });

    }
}

export default DomElementCollection;