from __future__ import annotations

from nicegui import ui

from app.pages.common import dashboard_page


@ui.page("/settings")
def settings_page() -> None:
    with dashboard_page(
        "Settings",
        "Configure portfolio assumptions, preferred market data inputs, alert thresholds, and import/export behavior.",
        "settings",
    ):
        with ui.row().classes("w-full gap-6 max-lg:flex-col"):
            with ui.card().classes(
                "w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900"
            ):
                ui.label("Portfolio Parameters").classes("text-lg font-semibold text-slate-900 dark:text-slate-100")
                gold_value = ui.number("Gold collateral value", value=215000, min=0, step=1000).classes("w-full")
                loan_amount = ui.number("Loan amount", value=145000, min=0, step=1000).classes("w-full")
                margin_threshold = ui.number("Margin call LTV", value=0.75, min=0.1, max=0.95, step=0.01).classes(
                    "w-full"
                )
                ui.number("Monthly hedge budget", value=8000, min=0, step=500).classes("w-full")

            with ui.card().classes(
                "w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900"
            ):
                ui.label("Data Sources").classes("text-lg font-semibold text-slate-900 dark:text-slate-100")
                primary_source = ui.select(
                    ["yfinance", "ibkr", "alpaca"],
                    value="yfinance",
                    label="Primary source",
                ).classes("w-full")
                fallback_source = ui.select(
                    ["fallback", "yfinance", "manual"],
                    value="fallback",
                    label="Fallback source",
                ).classes("w-full")
                refresh_interval = ui.number("Refresh interval (seconds)", value=5, min=1, step=1).classes("w-full")
                ui.switch("Enable Redis cache", value=True)

        with ui.row().classes("w-full gap-6 max-lg:flex-col"):
            with ui.card().classes(
                "w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900"
            ):
                ui.label("Alert Thresholds").classes("text-lg font-semibold text-slate-900 dark:text-slate-100")
                ltv_warning = ui.number("LTV warning level", value=0.70, min=0.1, max=0.95, step=0.01).classes("w-full")
                vol_alert = ui.number("Volatility spike alert", value=0.25, min=0.01, max=2.0, step=0.01).classes(
                    "w-full"
                )
                price_alert = ui.number("Spot drawdown alert (%)", value=7.5, min=0.1, max=50.0, step=0.5).classes(
                    "w-full"
                )
                email_alerts = ui.switch("Email alerts", value=False)

            with ui.card().classes(
                "w-full rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900"
            ):
                ui.label("Export / Import").classes("text-lg font-semibold text-slate-900 dark:text-slate-100")
                export_format = ui.select(["json", "csv", "yaml"], value="json", label="Export format").classes(
                    "w-full"
                )
                ui.switch("Include scenario history", value=True)
                ui.switch("Include option selections", value=True)
                ui.button("Import settings", icon="upload").props("outline color=primary")
                ui.button("Export settings", icon="download").props("outline color=primary")

        def save_settings() -> None:
            status.set_text(
                "Saved configuration: "
                f"gold=${gold_value.value:,.0f}, loan=${loan_amount.value:,.0f}, margin={margin_threshold.value:.2f}, "
                f"primary={primary_source.value}, fallback={fallback_source.value}, refresh={refresh_interval.value}s, "
                f"ltv warning={ltv_warning.value:.2f}, vol={vol_alert.value:.2f}, drawdown={price_alert.value:.1f}%, "
                f"email alerts={'on' if email_alerts.value else 'off'}, export={export_format.value}."
            )
            ui.notify("Settings saved", color="positive")

        with ui.row().classes("w-full items-center justify-between gap-4"):
            status = ui.label("").classes("text-sm text-slate-500 dark:text-slate-400")
            ui.button("Save settings", on_click=save_settings).props("color=primary")