//
//  UnitsView.swift
//  iosApp
//
//  Created by Iván on 27/01/22.
//  Copyright © 2022 orgName. All rights reserved.
//

import SwiftUI
import SwiftUIX
import shared

struct UnitsView: View {
    @StateObject var unitsViewModel = UnitsViewModel()
    @State var shouldShowMenu = false
    
    var body: some View {
        NavigationView {
            TabView(selection: $unitsViewModel.unitsDisplayMode, content: {
                MapView(unitsViewModel: unitsViewModel)
                    .tabItem {
                        Image(systemName: "map")
                        Text("map")
                    }
                    .tag(UnitsViewModel.UnitsDisplayMode.map)
                DevicesView(unitsViewModel: unitsViewModel)
                    .tabItem {
                        Image(systemName: "list.bullet")
                        Text("devices")
                    }
                    .tag(UnitsViewModel.UnitsDisplayMode.list)
            })
                .navigationTitle(getNavigationTitle(unitsViewModel.unitsDisplayMode))
                .navigationBarTitleDisplayMode(.inline)
                .navigationSearchBar {
                    SearchBar(NSLocalizedString("search", comment: ""),
                              text: $unitsViewModel.searchQuery,
                              isEditing: $unitsViewModel.isEditing,
                              onCommit:  {})
                        .showsCancelButton(unitsViewModel.isEditing)
                        .onCancel {
                            unitsViewModel.searchQuery = ""
                        }
                }
                .navigationSearchBarHiddenWhenScrolling(false)
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Menu {
                            Picker (selection: $unitsViewModel.mapLayerType, label: Text("Map layer")) {
                                Text("OpenStreetMap")
                                    .tag(MapLayer.companion.layers[MapLayer.Type_.streets]!)
                                Text("Satellite")
                                    .tag(MapLayer.companion.layers[MapLayer.Type_.satellite]!)
                            }
                        } label: {
                            Image(systemName: "square.stack.3d.up")
                        }
                        .visible(unitsViewModel.unitsDisplayMode == .map)
                    }
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button(action: {}) {
                            Image(systemName: "person")
                        }
                    }
                }
        }
    }
    
    private func getNavigationTitle(_ unitDisplayMode: UnitsViewModel.UnitsDisplayMode) -> LocalizedStringKey {
        switch unitDisplayMode {
        case .list:
            return "devices"
        case .map:
            return "map"
        }
    }
}