--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/GeoQuiz/GuessTheCapitalView.swift	Tue Sep 20 08:13:26 2022 +0200
@@ -0,0 +1,106 @@
+//
+//  GuessTheCapitalView.swift
+//  GeoQuiz
+//
+//  Created by Dennis Concepción Martín on 14/9/22.
+//
+
+import SwiftUI
+
+struct GuessTheCapitalView: View {
+    @Binding var gameName: GameName?
+    @StateObject var game = GuessTheCapital()
+    
+    var flagSymbol: String {
+        if let countryAsked = game.countries[game.countryNameAsked] {
+            return countryAsked.flagSymbol
+        } else {
+            fatalError("Couldn't find \(game.countryNameAsked) in countries")
+        }
+    }
+    
+    var body: some View {
+        ZStack {
+            LinearGradient(gradient: .secondary, startPoint: .top, endPoint: .bottom)
+                .ignoresSafeArea()
+            
+            GeometryReader { geo in
+                    VStack(spacing: 20) {
+                        GameToolbar(
+                            userScore: $game.userScore,
+                            userLives: $game.userLives,
+                            gameName: $gameName,
+                            showingBuyLivesView: $game.showingBuyLivesView
+                        )
+
+                        Spacer()
+                        
+                        FlagImage(flagSymbol: flagSymbol, cornerRadius: 20)
+                            .shadow(radius: 10)
+                            .frame(height: geo.size.height * 0.15)
+
+                        Spacer()
+
+                        HStack {
+                            VStack(alignment: .leading, spacing: 10) {
+                                Text("Question \(game.questionCounter) of \(game.countries.count)")
+                                    .font(.title3)
+
+                                Text("What is the capital of \(game.countryNameAsked)?")
+                                    .font(.title)
+                                    .fontWeight(.semibold)
+                            }
+                            .foregroundColor(.white)
+
+                            Spacer()
+                        }
+
+                        VStack {
+                            ForEach(Array(game.userChoices.values), id: \.self) { country in
+                                Button {
+                                    game.answered(userChoice: country.capitalName)
+                                } label: {
+                                    AnswerButton(optionName: country.capitalName, color: .secondary)
+                                        .frame(height: geo.size.height * 0.08)
+                                }
+                            }
+                        }
+                    }
+                    .padding()
+            }
+        }
+        .navigationBarHidden(true)
+        
+        .sheet(isPresented: $game.showingBuyLivesView) {
+            BuyLivesModal()
+        }
+
+        .alert(game.alertTitle, isPresented: $game.showingNoLivesAlert) {
+            Button("Buy lives") { game.showingBuyLivesView = true }
+            Button("Exit", role: .destructive) { gameName = nil }
+            Button("Cancel", role: .cancel) { }
+        } message: {
+            Text(game.alertMessage)
+        }
+        
+        .alert(game.alertTitle, isPresented: $game.showingWrongAnswerAlert) {
+            Button("Continue", role: .cancel) { game.askQuestion() }
+        } message: {
+            Text(game.alertMessage)
+        }
+        
+        .alert(game.alertTitle, isPresented: $game.showingEndGameAlert) {
+            Button("Exit", role: .cancel) { gameName = nil }
+        } message: {
+            Text(game.alertMessage)
+        }
+    }
+}
+
+struct GuessCapitalView_Previews: PreviewProvider {
+    static var previews: some View {
+        NavigationView {
+            GuessTheCapitalView(gameName: .constant(GameName.guessTheCapital))
+        }
+    }
+}