Sample/SwiftUI-MVVM/TicTacToe/Sources/Game/GameView.swift

//
//  Copyright (c) 2018. Uber Technologies
//
//  Licensed under the Apache License, Version 2.0 (the "License");
//  you may not use this file except in compliance with the License.
//  You may obtain a copy of the License at
//
//  http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
//

import SwiftUI

struct GameView<ViewModel>: View where ViewModel: GameViewModelProtocol {
    @ObservedObject var viewModel: ViewModel
    let scoreSheetBuilder: ScoreSheetBuilder
    
    var body: some View {
        ZStack {
            Color.purple.edgesIgnoringSafeArea(.all)
            VStack(alignment: .center) {
                NavigationLink(
                    destination: scoreSheetBuilder.scoreSheetView,
                    tag: Screen.score.rawValue,
                    selection: $viewModel.selection
                ) {
                    EmptyView()
                }
                GridStack(rows: 3, columns: 3, spacing: 0) { row, col in
                    Button(action: {
                        viewModel.placeCurrentPlayerMark(at: row, col: col)
                    }, label: {
                        Text("")
                            .frame(maxWidth: .infinity, maxHeight: .infinity)
                            .background(viewModel.boardColors[row][col])
                            .border(Color.gray, width: 2)
                    })
                }
                Button("High Scores") {
                    viewModel.scoreTapped()
                }
                .frame(maxWidth: .infinity)
                .padding()
                .background(Color.black)
                .foregroundColor(.white)
            }
        }
        .alert(item: $viewModel.alertMessage) { msg in
            Alert(title: Text("TicTacToe"), message: Text(msg), dismissButton: .default(Text("OK"), action: {
                viewModel.reset()
            }))
        }
    }
}

extension String: Identifiable {
    public var id: String {
        return self
    }
}