import SwiftUI

struct DetailEditView: View {
    @Binding var data: DailyScrum.Data
    @State private var newAttendeeName = &#34;&#34;
    
    var body: some View {
        Form {
            Section(header: Text(&#34;Meeting Info&#34;)) {
                TextField(&#34;Title&#34;, text: $data.title)
                HStack {
                    Slider(value: $data.lengthInMinutes, in: 5...30, step: 1) {
                        Text(&#34;Length&#34;)
                    }
                    .accessibilityValue(&#34;\(Int(data.lengthInMinutes)) minutes&#34;)
                    Spacer()
                    Text(&#34;\(Int(data.lengthInMinutes)) minutes&#34;)
                        .accessibilityHidden(true)
                }
                ThemePicker(selection: $data.theme)
            }
            Section(header: Text(&#34;Attendees&#34;)) {
                ForEach(data.attendees) { attendee in
                    Text(attendee.name)
                }
                .onDelete { indices in
                    data.attendees.remove(atOffsets: indices)
                }
                HStack {
                    TextField(&#34;New Attendee&#34;, text: $newAttendeeName)
                    Button(action: {
                        withAnimation {
                            let attendee = DailyScrum.Attendee(name: newAttendeeName)
                            data.attendees.append(attendee)
                            newAttendeeName = &#34;&#34;
                        }
                    }) {
                        Image(systemName: &#34;plus.circle.fill&#34;)
                            .accessibilityLabel(&#34;Add attendee&#34;)
                    }
                    .disabled(newAttendeeName.isEmpty)
                }
            }
        }
    }
}

struct DetailEditView_Previews: PreviewProvider {
    static var previews: some View {
        DetailEditView(data: .constant(DailyScrum.sampleData[0].data))
    }
}