import Defaults
import Siesta
import SwiftUI

struct WelcomeScreen: View {
    @Environment(\.presentationMode) private var presentationMode

    @EnvironmentObject<AccountsModel> private var accounts
    @State private var store = [ManifestedInstance]()

    var body: some View {
        VStack(alignment: .leading) {
            Spacer()

            Text("Welcome")
                .frame(maxWidth: .infinity)
                .font(.largeTitle)
                .padding(.bottom, 10)

            Text("Select location closest to you:")
                .font(.subheadline)

            ScrollView {
                let countries = store.map(\.country).sorted().unique()
                ForEach(countries, id: \.self) { country in
                    Button {
                        Defaults[.countryOfPublicInstances] = country
                        InstancesManifest.shared.setPublicAccount(country, accounts: accounts)

                        presentationMode.wrappedValue.dismiss()
                    } label: {
                        HStack(spacing: 10) {
                            if let flag = flag(country) {
                                Text(flag)
                            }
                            Text(country)
                            #if !os(tvOS)
                                .foregroundColor(.white)
                            #endif
                                .frame(maxWidth: .infinity, alignment: .leading)
                        }
                        #if os(tvOS)
                        .padding(8)
                        #else
                        .padding(4)
                        .background(RoundedRectangle(cornerRadius: 4).foregroundColor(Color.accentColor))
                        .padding(.bottom, 2)
                        #endif
                    }
                    .buttonStyle(.plain)
                    #if os(tvOS)
                        .padding(.horizontal, 10)
                    #endif
                }
                .padding(.horizontal, 30)
            }
            #if !os(tvOS)
                OpenSettingsButton()
                    .foregroundColor(.white)
                    .padding(10)
                    .background(RoundedRectangle(cornerRadius: 4).foregroundColor(Color.accentColor))
                    .frame(maxWidth: .infinity)
            #endif
            Text("This information will be processed only on your device and used to connect you to the server in the specified country.".localized() + "\n" +
                "It can be changed later in settings. You can use your own locations too.".localized())
                .font(.caption)
                .foregroundColor(.secondary)
        }
        .onAppear {
            resource?.load().onSuccess { response in
                if let instances: [ManifestedInstance] = response.typedContent() {
                    store = instances
                }
            }
        }
        .padding()
        #if os(macOS)
            .frame(minWidth: 400, minHeight: 400)
        #elseif os(tvOS)
            .frame(maxWidth: 1000)
        #endif
    }

    func flag(_ country: String) -> String? {
        store.first { $0.country == country }?.flag
    }

    var resource: Resource? {
        InstancesManifest.shared.instancesList
    }
}

struct WelcomeScreen_Previews: PreviewProvider {
    static var previews: some View {
        WelcomeScreen()
            .injectFixtureEnvironmentObjects()
    }
}