package io.oxygenhub.android

import android.content.res.Configuration

import androidx.compose.foundation.Image

import androidx.compose.foundation.background

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Row

import androidx.compose.foundation.layout.fillMaxSize

import androidx.compose.foundation.layout.padding

import androidx.compose.foundation.layout.size

import androidx.compose.foundation.shape.CircleShape

import androidx.compose.foundation.shape.RoundedCornerShape

import androidx.compose.ui.Modifier

import androidx.compose.ui.draw.clip

import androidx.compose.ui.graphics.Color

import androidx.compose.ui.graphics.ColorFilter

import androidx.compose.ui.res.painterResource

import androidx.compose.ui.unit.dp

import androidx.compose.runtime.Composable

import androidx.compose.runtime.remember

import androidx.compose.ui.tooling.preview.Preview

import com.android.tools.screenshot.PreviewTest

import io.oxygenhub.android.api.Avatar

import io.oxygenhub.android.api.DeviceCode

import io.oxygenhub.android.api.HubApi

import io.oxygenhub.android.api.Inbox

import io.oxygenhub.android.api.Issue

import io.oxygenhub.android.api.IssueState

import io.oxygenhub.android.api.Label

import io.oxygenhub.android.api.Notification

import io.oxygenhub.android.api.Repository

import io.oxygenhub.android.api.User

import io.oxygenhub.android.api.Visibility

import io.oxygenhub.android.auth.Session

import io.oxygenhub.android.ui.nav.SignedInApp

import io.oxygenhub.android.ui.nav.TopLevel

import io.oxygenhub.android.ui.signin.SignInContent

import io.oxygenhub.android.ui.signin.SignInState

import io.oxygenhub.android.ui.theme.OxygenHubTheme

import kotlinx.coroutines.Dispatchers

import kotlinx.coroutines.test.setMain

// The README's screenshots, rendered by layoutlib with no emulator:

//   ./gradlew :app:updateDebugScreenshotTest

// writes them under app/src/screenshotTestDebug/reference; scripts/screenshots.sh

// copies them to docs/screenshots. The data is made up.

private const val PHONE = "spec:width=411dp,height=891dp"

private const val FOLDABLE = "spec:width=791dp,height=820dp"

private const val TABLET = "spec:width=1280dp,height=800dp,dpi=240"

private val hour = 3_600_000L

private val day = 24 * hour

/** A hub in memory, for the pictures. */

private class SampleHub : HubApi {

    private val now = System.currentTimeMillis()

    override suspend fun user() = User("ada", "Ada Lovelace")

    override suspend fun repositories() = listOf(

        Repository("ada", "engine", "The analytical engine's notes, in Oxygen", visibility = Visibility.Public, updatedMs = now - 2 * hour),

        Repository("ada", "bernoulli", "Computing Bernoulli numbers, note G", visibility = Visibility.Private, updatedMs = now - 1 * day),

        Repository("ada", "punch-cards", "Card decks for the Jacquard loom", updatedMs = now - 3 * day),

        Repository("babbage", "difference-engine", "Engine No. 2", visibility = Visibility.Internal, updatedMs = now - 5 * hour),

        Repository("ada", "letters", "Correspondence, sealed and signed", updatedMs = now - 12 * day),

    )

    override suspend fun issues(owner: String, name: String, state: IssueState) = listOf(

        Issue(

            42, "Note G: the loop that computes B7", author = "ada", pinned = true, comments = 4,

            labels = listOf(Label("feature", "#0064e0")), createdMs = now - 3 * hour,

        ),

        Issue(41, "The mill overflows on forty-digit carries", author = "babbage", comments = 2, labels = listOf(Label("bug", "#c62d47")), createdMs = now - 1 * day),

        Issue(39, "Describe the store's capacity in the README", author = "ada", labels = listOf(Label("docs", "#00b8d4")), createdMs = now - 4 * day),

        Issue(37, "Punch-card reader skips every hundredth card", author = "menabrea", comments = 7, createdMs = now - 9 * day),

    ).filter { state == IssueState.All || it.state == state.query }

    override suspend fun inbox(limit: Int) = Inbox(

        unread = 3,

        items = listOf(

            Notification(5, now - 20 * 60_000L, "proposal.review_requested", "Carry look-ahead for the mill", actor = "babbage"),

            Notification(4, now - 2 * hour, "flow.failed", "engine main: tests failed"),

            Notification(3, now - 5 * hour, "issue.comment", "Note G: the loop that computes B7", actor = "menabrea"),

            Notification(2, now - 1 * day, "proposal.landed", "Store of a thousand numbers", actor = "ada", read = true),

            Notification(1, now - 2 * day, "issue.assigned", "The mill overflows on forty-digit carries", actor = "babbage", read = true),

        ),

    )

    override suspend fun markRead(id: Long) {}

    override suspend fun markAllRead() {}

    override suspend fun revokeToken() {}

    // Ada's identicon, as the hub would draw it.

    override suspend fun avatar(name: String) =

        Avatar.Identicon(196, setOf(1 to 1, 5 to 1, 2 to 2, 3 to 2, 4 to 2, 1 to 3, 3 to 3, 5 to 3, 2 to 4, 4 to 4, 1 to 5, 5 to 5))

}

private val session = Session("https://oxygenhub.io", "ada", "", listOf("repo:read", "user:read"))

@Composable

private fun App(start: TopLevel, selected: String? = null, dark: Boolean = false) {

    // layoutlib never runs the main looper, so the view models' first load

    // would never land: run it in place (the sample hub never suspends).

    remember { Dispatchers.setMain(Dispatchers.Unconfined) }

    OxygenHubTheme(darkTheme = dark, dynamicColor = false) {

        SignedInApp(session, SampleHub(), { "Hello, ada! Oxygen Native Core is active." }, {}, start, selected)

    }

}

@PreviewTest

@Preview(name = "sign-in", device = PHONE, showSystemUi = false)

@Composable

fun SignInPhone() {

    OxygenHubTheme(dynamicColor = false) {

        SignInContent("https://oxygenhub.io", SignInState.Idle(), null, {}, {}, {})

    }

}

@PreviewTest

@Preview(name = "sign-in-code", device = PHONE, uiMode = Configuration.UI_MODE_NIGHT_YES)

@Composable

fun SignInCodeDark() {

    val code = DeviceCode("", "BCDF-GHJK", "https://oxygenhub.io/device", "https://oxygenhub.io/device?code=BCDF-GHJK")

    OxygenHubTheme(darkTheme = true, dynamicColor = false) {

        SignInContent("https://oxygenhub.io", SignInState.Approving(code), null, {}, {}, {})

    }

}

@PreviewTest

@Preview(name = "dashboard-phone", device = PHONE)

@Composable

fun DashboardPhone() = App(TopLevel.Dashboard)

@PreviewTest

@Preview(name = "repositories-foldable", device = FOLDABLE)

@Composable

fun RepositoriesFoldable() = App(TopLevel.Repositories, selected = "ada/engine")

@PreviewTest

@Preview(name = "repositories-tablet-dark", device = TABLET, uiMode = Configuration.UI_MODE_NIGHT_YES)

@Composable

fun RepositoriesTabletDark() = App(TopLevel.Repositories, selected = "ada/engine", dark = true)

@PreviewTest

@Preview(name = "inbox-phone-dark", device = PHONE, uiMode = Configuration.UI_MODE_NIGHT_YES)

@Composable

fun InboxPhoneDark() = App(TopLevel.Inbox, dark = true)

/**

 * The launcher icon as launchers mask it (a circle, a squircle) and as a

 * themed icon (its monochrome layer, tinted), on the README's page.

 */

@PreviewTest

@Preview(name = "launcher-icon", widthDp = 400, heightDp = 132, backgroundColor = 0xFFF4F7FC, showBackground = true)

@Composable

fun LauncherIcon() {

    Row(Modifier.padding(12.dp), horizontalArrangement = Arrangement.spacedBy(16.dp)) {

        for (shape in listOf(CircleShape, RoundedCornerShape(30))) {

            Box(Modifier.size(108.dp).clip(shape)) {

                Image(painterResource(R.drawable.ic_launcher_background), null, Modifier.fillMaxSize())

                Image(painterResource(R.drawable.ic_launcher_foreground), null, Modifier.fillMaxSize())

            }

        }

        Box(Modifier.size(108.dp).clip(CircleShape).background(Color(0xFFD3E3FD))) {

            Image(

                painterResource(R.drawable.ic_launcher_monochrome),

                null,

                Modifier.fillMaxSize(),

                colorFilter = ColorFilter.tint(Color(0xFF041E49)),

            )

        }

    }

}