import SwiftUI
import HighlightedTextEditor

struct LocalizedPageContentView: View {

    let pageId: String

    @ObservedObject
    var page: LocalizedPage

    @Environment(\.language)
    private var language

    @EnvironmentObject
    private var content: Content

    @State
    private var isGeneratingWebsite = false

    @State
    private var pageContent: String = ""

    init(pageId: String, page: LocalizedPage) {
        self.pageId = pageId
        self.page = page
    }

    var body: some View {
        VStack(alignment: .leading) {
            TextField("", text: $page.title)
                .font(.title)
                .textFieldStyle(.plain)

            HStack(alignment: .firstTextBaseline) {
                Button(action: loadContent) {
                    Text("Load")
                }
                Button(action: saveContent) {
                    Text("Save")
                }
                Spacer()
            }
            HighlightedTextEditor(
                text: $pageContent,
                highlightRules: .markdown)
        }
        .padding()
        .onAppear(perform: loadContent)
        .onDisappear(perform: saveContent)
    }

    private func loadContent() {
        let content = content.storage.pageContent(for: pageId, language: language)
        guard content != "" else {
            pageContent = "New file"
            return
        }
        pageContent = content
    }

    private func saveContent() {
        guard pageContent != "", pageContent != "New file" else {
            return
        }
        content.storage.save(pageContent: pageContent, for: pageId, language: language)
    }
}