import SwiftUI

struct ContentView: View {
    @State private var totalAmount: Double = 0.0
    @State private var numberOfPeople: Int = 2
    @State private var tipPercentage: Int = 15
    @FocusState private var isKeyboardFocused: Bool
    
    private var amountPerPerson: Double {
        return amountWithTips / Double(numberOfPeople)
    }
    private var amountWithTips: Double {
        return totalAmount * (1 + Double(tipPercentage) / 100.0)
    }
    
    var body: some View {
        NavigationView {
            Form {
                Section {
                    TextField("Amount", value: $totalAmount, format: .currency(code: "USD"))
                        .keyboardType(.decimalPad)
                        .focused($isKeyboardFocused)
                    Picker("Number of people", selection: $numberOfPeople) {
                        ForEach(2...20, id: \.self) {
                            Text("\($0) people")
                        }
                    }
                }
                Section("Tips") {
                    Picker("Tips size", selection: $tipPercentage) {
                        ForEach(0...100, id: \.self) {
                            Text($0, format: .percent)
                        }
                    }
                    .pickerStyle(.navigationLink)
                }
                Section("Amount per persion") {
                    Text(amountPerPerson, format: .currency(code: "USD"))
                }
                Section("Total") {
                    Text(amountWithTips, format: .currency(code: "USD"))
                }
            }
            .navigationTitle("WeSplit")
            .toolbar {
                if isKeyboardFocused {
                    Button("Done") {
                        isKeyboardFocused = false
                    }
                }
            }
        }
    }
}