import env from "/_/code/env.js"

class Settings extends Shadow {

    handleConnectStripe = () => {
        const params = new URLSearchParams({
            response_type: 'code',
            client_id: env.client_id,
            scope: 'read_write',
            redirect_uri: `${env.baseURL}/stripe/onboardingcomplete`,
        });

        window.location.href = `https://connect.stripe.com/oauth/authorize?${params}`;
    };

    render() {
        ZStack(() => {
            h1("Settings")
                .fontWeight("bold")
                .marginTop(4, pct)
                .marginLeft(5, pct)

            VStack(() => {
                // HStack(() => {
                //     p("Stripe Integration")
                //     button("Set up Stripe")
                //         .maxWidth(10, em)
                //         .onClick((done) => {
                //             this.handleConnectStripe()
                //         })
                // })
                // .gap(10, pct)
                // .verticalAlign("center")
            })
            .gap(0.5, em)
            .paddingLeft(5, pct)
            .marginTop(4, em)
        })
    }
}

register(Settings)