add: ability to create seller account

crates/app/src/public/html/auth/seller_connection.lisp

@@ -0,0 +1,25 @@
+(text "{% extends \"auth/base.html\" %} {% block head %}")
+(title
+    (text "Connection"))
+
+(text "{% endblock %} {% block title %}Connection{% endblock %} {% block content %}")
+(div
+    ("class" "w-full flex-col gap-2")
+    ("id" "status")
+    (b
+        (text "Working...")))
+
+(text "{% if connection_type == \"refresh\" %}")
+(script
+    ("defer" "true")
+    (text "setTimeout(async () => {
+        trigger(\"seller::onboarding\");
+    }, 1000);"))
+(text "{% elif connection_type == \"return\" %}")
+(script
+    ("defer" "true")
+    (text "setTimeout(async () => {
+        document.getElementById(\"status\").innerHTML =
+            `<b>Account updated.</b> You can now close this tab.`;
+    }, 1000);"))
+(text "{%- endif %} {% endblock %}")

crates/app/src/public/html/macros.lisp

@@ -331,3 +331,17 @@
     (span
         (text "{{ text \"settings:tab.connections\" }}")))
 (text "{%- endmacro %}")
+
+(text "{% macro seller_settings_nav_options() -%}")
+(a
+    ("data-tab-button" "account")
+    ("class" "active")
+    ("href" "#/account")
+    (icon (text "smile"))
+    (span (str (text "settings:tab.account"))))
+(a
+    ("data-tab-button" "products")
+    ("href" "#/products")
+    (icon (text "package"))
+    (span (str (text "marketplace:label.products"))))
+(text "{%- endmacro %}")

crates/app/src/public/html/marketplace/seller.lisp

@@ -0,0 +1,79 @@
+(text "{% extends \"root.html\" %} {% block head %}")
+(title
+    (text "Seller settings - {{ config.name }}"))
+(text "{% endblock %} {% block body %} {{ macros::nav() }}")
+(main
+    ("class" "flex flex-col gap-2")
+
+    ; nav
+    (div
+        ("class" "mobile_nav mobile")
+        ; primary nav
+        (div
+            ("class" "dropdown")
+            ("style" "width: max-content")
+            (button
+                ("class" "raised small")
+                ("onclick" "trigger('atto::hooks::dropdown', [event])")
+                ("exclude" "dropdown")
+                (icon (text "sliders-horizontal"))
+                (span ("class" "current_tab_text") (text "account")))
+            (div
+                ("class" "inner left")
+                (text "{{ macros::seller_settings_nav_options() }}"))))
+
+    ; nav desktop
+    (div
+        ("class" "desktop pillmenu")
+        (text "{{ macros::seller_settings_nav_options() }}"))
+
+    ; ...
+    (div
+        ("class" "card w-full lowered flex flex-col gap-2")
+        ("data-tab" "account")
+        (div
+            ("class" "card-nest w-full")
+            (div
+                ("class" "card small flex items-center gap-2")
+                (div
+                    ("class" "notification")
+                    ("style" "width: 46px")
+                    (icon (text "stripe")))
+
+                (b (str (text "marketplace:label.status"))))
+
+            (div
+                ("class" "card")
+                (text "{% if user.seller_data.account_id -%}")
+                (text "{% if user.seller_data.completed_onboarding -%}")
+                ; completed onboarding + has stripe account linked
+                (button
+                    ("onclick" "trigger('seller::login')")
+                    (icon (text "arrow-right"))
+                    (str (text "marketplace:action.open_seller_dashboard")))
+                (text "{% else %}")
+                ; not completed onboarding
+                (p (text "You've not finished setting up your Stripe account."))
+                (p (text "Please complete onboarding to accept payments."))
+
+                (button
+                    ("onclick" "trigger('seller::onboarding')")
+                    (icon (text "arrow-right"))
+                    (str (text "marketplace:action.finsh_setting_up_account")))
+                (text "{%- endif %}")
+                (text "{% else %}")
+                ; doesn't have a stripe account linked
+                (button
+                    ("onclick" "trigger('seller::register')")
+                    (icon (text "arrow-right"))
+                    (str (text "marketplace:action.get_started")))
+                (text "{%- endif %}"))))
+
+    (div
+        ("class" "card w-full lowered hidden flex flex-col gap-2")
+        ("data-tab" "products")
+        (div
+            ("class" "card w-full flex flex-wrap gap-2")
+            )))
+
+(text "{% endblock %}")