Google AI Studio: макеты Figma -> iOS приложение на Gemini 2.5 Experimental

import SwiftUI

// MARK: - Data Models

struct Hotel: Identifiable {
    let id = UUID()
    let name: String
    let rating: Double
    let ratingName: String
    let address: String
    let minimalPrice: Int
    let priceForIt: String
    let imageUrls: [String] // Use image names from Assets or URLs
    let description: String
    let peculiarities: [String] // Like "3-я линия", "Платный Wi-Fi в фойе"
}

struct Room: Identifiable {
    let id = UUID()
    let name: String
    let price: Int
    let pricePer: String
    let peculiarities: [String] // Like "Все включено", "Кондиционер"
    let imageUrls: [String]
}


// MARK: - Content View (Root)

struct ContentView: View {
    // --- MOCK DATA ---
    // In a real app, this would come from a ViewModel/API
    let sampleHotel = Hotel(
        name: "Steigenberger Makadi", // Updated name based on screenshot 4
        rating: 5.0,
        ratingName: "Превосходно",
        address: "Madinat Makadi, Safaga Road, Makadi Bay, Египет",
        minimalPrice: 134673,
        priceForIt: "за тур с перелётом",
        imageUrls: ["hotel_placeholder_1", "hotel_placeholder_2", "hotel_placeholder_3", "hotel_placeholder_4", "hotel_placeholder_5", "hotel_placeholder_6", "hotel_placeholder_7"], // Add your image names
        description: "Отель VIP-класса с собственными гольф полями. Высокий уровень сервиса. Рекомендуем для респектабельного отдыха.",
        peculiarities: ["3-я линия", "Платный Wi-Fi в фойе", "30 км до аэропорта", "1 км до пляжа"]
    )

     let sampleRooms = [
        Room(name: "Стандартный с видом на бассейн или сад", price: 186600, pricePer: "за 7 ночей с перелётом", peculiarities: ["Все включено", "Кондиционер"], imageUrls: ["room1_image1", "room1_image2","room1_image3","room1_image4"]),
        Room(name: "Люкс с видом на море", price: 250000, pricePer: "за 7 ночей с перелётом", peculiarities: ["Все включено", "Кондиционер", "Мини-бар"], imageUrls: ["suite1_image1", "suite1_image2", "suite1_image3"])
        // Add more rooms
    ]
    // --- ---

    var body: some View {
        NavigationView {
            HotelDetailView(hotel: sampleHotel, rooms: sampleRooms)
        }
        // Optional: Use .accentColor for global tint if needed
        // .accentColor(.blue)
    }
}

// MARK: - Hotel Detail View

struct HotelDetailView: View {
    let hotel: Hotel
    let rooms: [Room] // Pass rooms data for navigation

    @State private var selectedImageIndex = 0

    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: 8) {
                // --- Section 1: Image Carousel, Basic Info ---
                VStack(alignment: .leading, spacing: 16) {
                    ImageCarouselView(imageUrls: hotel.imageUrls, 
                                      selectedIndex: $selectedImageIndex)
                        .frame(height: 250) // Adjust height as needed
                        .clipShape(RoundedRectangle(cornerRadius: 15)) // Rounded corners

                    HStack(spacing: 4) {
                        Image(systemName: "star.fill")
                            .foregroundColor(.orange)
                        Text("\(hotel.rating, specifier: "%.1f") \(hotel.ratingName)")
                            .foregroundColor(.orange)
                            .font(.system(size: 16, weight: .medium))
                    }

                    Text(hotel.name)
                        .font(.system(size: 22, weight: .medium))

                    Button {
                        // Action for address tap if needed (e.g., open map)
                        print("Address tapped")
                    } label: {
                        Text(hotel.address)
                            .font(.system(size: 14, weight: .medium))
                            .foregroundColor(.blue) // Link-like appearance
                    }

                    HStack(alignment: .bottom, spacing: 8) {
                         Text("от \(hotel.minimalPrice) ₽")
                            .font(.system(size: 30, weight: .semibold))
                         Text(hotel.priceForIt.lowercased())
                            .font(.system(size: 16, weight: .regular))
                            .foregroundColor(.secondary)
                            .padding(.bottom, 4) // Align baseline better
                    }

                }
                .padding(.horizontal)
                .padding(.vertical, 8) // Add some vertical padding
                .background(Color.white) // White background for this section
                .cornerRadius(15) // Rounded corners for the section


                 // --- Section 2: About the Hotel ---
                 VStack(alignment: .leading, spacing: 16) {
                    Text("Об отеле")
                        .font(.system(size: 22, weight: .medium))

                    // Peculiarities (Tags)
                    FlexibleGridView(data: hotel.peculiarities) { item in
                        Text(item)
                            .font(.system(size: 16, weight: .medium))
                            .foregroundColor(.gray)
                            .padding(.horizontal, 10)
                            .padding(.vertical, 5)
                            .background(Color(UIColor.systemGray6)) // Tag background
                            .cornerRadius(5)
                    }


                    Text(hotel.description)
                         .font(.system(size: 16, weight: .regular))

                    // --- Detail Buttons ---
                    VStack(spacing: 0) {
                         NavigationLink(destination: AmenitiesView()) { // Navigate to Amenities
                             SectionRow(iconName: "face.smiling",
                                        title: "Удобства",
                                        subtitle: "Самое необходимое")
                         }
                         Divider().padding(.leading, 45) // Indent divider
                         SectionRow(iconName: "checkmark.circle",
                                    title: "Что включено", 
                                    subtitle: "Основные услуги")
                         Divider().padding(.leading, 45)
                         SectionRow(iconName: "xmark.circle", 
                                    title: "Что не включено", 
                                    subtitle: "Дополнительные услуги")
                    }
                    .background(Color(UIColor.systemGray6))
                    .cornerRadius(15)
                    .padding(.top) // Add space before buttons


                 }
                 .padding(.horizontal)
                 .padding(.vertical, 8)
                 .background(Color.white)
                 .cornerRadius(15)
                 .padding(.top, 8) // Space between sections


            } // End Main VStack
        } // End ScrollView
        .background(Color(UIColor.systemGray6).ignoresSafeArea()) // Background for the whole screen
        .navigationBarTitleDisplayMode(.inline) // Keep title small
       .toolbar { // Hide the default back button text
            ToolbarItem(placement: .principal) {
                 Text(hotel.name) // Or just "Отель"
                    .font(.system(size: 18, weight: .medium))
            }
        }
        .safeAreaInset(edge: .bottom) {
             // --- Bottom Button ---
             NavigationLink(destination: 
                  RoomSelectionView(hotelName: hotel.name, rooms: rooms)) {
                  Text("К выбору номера")
                     .font(.system(size: 16, weight: .medium))
                     .foregroundColor(.white)
                     .frame(maxWidth: .infinity)
                     .padding()
                     .background(Color.blue)
                     .cornerRadius(15)
             }
             .padding(.horizontal)
             .padding(.top, 8) // Add space above button
             .background( // Add a white background behind the button area
                 Color.white
                    .ignoresSafeArea(edges: .bottom) // Extend white to screen bottom edge
             )
         }
    }
}

// MARK: - Image Carousel View

struct ImageCarouselView: View {
    let imageUrls: [String]
    @Binding var selectedIndex: Int

    var body: some View {
        TabView(selection: $selectedIndex) {
            ForEach(0..<imageUrls.count, id: \.self) { index in
                Image(imageUrls[index]) // Assumes images are in Assets
                    .resizable()
                    .scaledToFill()
                    // .aspectRatio(contentMode: .fill) // Alternative scaling
                    .tag(index)
                    // Add error handling/placeholder if needed
                    .overlay{
                        VStack {
                            Spacer()
                            HStack {
                                Spacer()
                                Text("\(index + 1) / \(imageUrls.count)")
                                    .bold()
                                    .foregroundStyle(Color.white)
                                    .padding(.horizontal, 45)
                            }
                            .padding()
                        }
                    }
            }
        }
        .tabViewStyle(.page(indexDisplayMode: .never)) // Hide default dots
        .overlay(
            // Custom Pagination Dots
            HStack(spacing: 8) {
                ForEach(0..<imageUrls.count, id: \.self) { index in
                    Circle()
                        .fill(selectedIndex == index ? Color.black : Color.gray.opacity(0.7))
                        .frame(width: 7, height: 7)
                }
            }
            .padding(.horizontal, 12)
            .padding(.vertical, 8)
            .background(Color.white.opacity(0.9))
            .cornerRadius(5)
            .padding(.bottom, 10) // Position dots from bottom
            , alignment: .bottom // Align dots at the bottom
        )
    }
}

// MARK: - Section Row Helper View

struct SectionRow: View {
    let iconName: String
    let title: String
    let subtitle: String

    var body: some View {
        HStack(spacing: 12) {
            Image(systemName: iconName)
                .resizable()
                .scaledToFit()
                .frame(width: 24, height: 24)
                .foregroundColor(.primary.opacity(0.9))

            VStack(alignment: .leading) {
                Text(title)
                    .font(.system(size: 16, weight: .medium))
                    .foregroundColor(.primary)
                Text(subtitle)
                    .font(.system(size: 14, weight: .regular))
                    .foregroundColor(.secondary)
            }
            Spacer()
            Image(systemName: "chevron.right")
                .foregroundColor(.secondary)
        }
        .padding(.horizontal)
        .padding(.vertical, 10)
    }
}


// MARK: - Amenities View (Placeholder)

struct AmenitiesView: View {
    var body: some View {
        ScrollView { // Make it scrollable in case content grows
            VStack {
                 Text("Details about Удобства")
                     .padding()
                 // Add actual amenity details here (Lists, Grids, etc.)
                 Spacer()
            }
        }
        .navigationTitle("Удобства") // Standard navigation title
        .navigationBarTitleDisplayMode(.inline)
    }
}

// MARK: - Room Selection View

struct RoomSelectionView: View {
    let hotelName: String
    let rooms: [Room]

    var body: some View {
        ScrollView {
            VStack(spacing: 8) {
                ForEach(rooms) { room in
                    RoomCardView(room: room)
                }
            }
            .padding(.vertical) // Add padding top/bottom inside scrollview
        }
        .navigationTitle(hotelName) // Use hotel name as title
        .navigationBarTitleDisplayMode(.inline)
        .background(Color(UIColor.systemGray6).ignoresSafeArea()) // Match background
    }
}

// MARK: - Room Card View

struct RoomCardView: View {
    let room: Room
    @State private var selectedImageIndex = 0 // Each card manages its own carousel state

    var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            ImageCarouselView(imageUrls: room.imageUrls, 
                              selectedIndex: $selectedImageIndex)
                 .frame(height: 200) // Adjust height
                 .clipShape(RoundedRectangle(cornerRadius: 15))

            Text(room.name)
                 .font(.system(size: 22, weight: .medium))

             // Peculiarities (Tags)
            FlexibleGridView(data: room.peculiarities) { item in
                Text(item)
                    .font(.system(size: 16, weight: .medium))
                    .foregroundColor(.gray)
                    .padding(.horizontal, 10)
                    .padding(.vertical, 5)
                    .background(Color(UIColor.systemGray6))
                    .cornerRadius(5)
            }

             // Room Price
             HStack(alignment: .bottom, spacing: 8) {
                  Text("\(room.price) ₽")
                     .font(.system(size: 30, weight: .semibold))
                  Text(room.pricePer.lowercased())
                     .font(.system(size: 16, weight: .regular))
                     .foregroundColor(.secondary)
                     .padding(.bottom, 4)
             }

             // Choose Room Button
             Button {
                 // Action for selecting THIS specific room
                 print("Selected room: \(room.name)")
             } label: {
                   Text("Выбрать номер")
                      .font(.system(size: 16, weight: .medium))
                      .foregroundColor(.white)
                      .frame(maxWidth: .infinity)
                      .padding()
                      .background(Color.blue)
                      .cornerRadius(15)
             }

        }
        .padding()
        .background(Color.white)
        .cornerRadius(15)
        .padding(.horizontal) // Add horizontal space between cards and screen edge
    }
}


// MARK: - Flexible Grid View (Helper for Tags)

struct FlexibleGridView<Data: Collection, Content: View>: View where Data.Element: Hashable {
    let data: Data
    let spacing: CGFloat
    let alignment: HorizontalAlignment
    let content: (Data.Element) -> Content
    @State private var availableWidth: CGFloat = 0

    init(data: Data, spacing: CGFloat = 8, alignment: HorizontalAlignment = .leading, @ViewBuilder content: @escaping (Data.Element) -> Content) {
        self.data = data
        self.spacing = spacing
        self.alignment = alignment
        self.content = content
    }

    var body: some View {
    ZStack(alignment: Alignment(horizontal: alignment, vertical: .center)) {
            Color.clear
                .frame(height: 1)
                .readSize { size in
                    availableWidth = size.width
                }

            _FlexibleGrid(
                availableWidth: availableWidth,
                data: data,
                spacing: spacing,
                alignment: alignment,
                content: content
            )
        }
    }
}

struct _FlexibleGrid<Data: Collection, Content: View>: View where Data.Element: Hashable {
    let availableWidth: CGFloat
    let data: Data
    let spacing: CGFloat
    let alignment: HorizontalAlignment
    let content: (Data.Element) -> Content
    @State var elementsSize: [Data.Element: CGSize] = [:]

    var body: some View {
        VStack(alignment: alignment, spacing: spacing) {
            ForEach(computeRows(), id: \.self) { rowElements in
                HStack(spacing: spacing) {
                    ForEach(rowElements, id: \.self) { element in
                        content(element)
                            .fixedSize()
                            .readSize { size in
                                elementsSize[element] = size
                            }
                    }
                }
            }
        }
    }

    func computeRows() -> [[Data.Element]] {
        var rows: [[Data.Element]] = [[]]
        var currentRow = 0
        var remainingWidth = availableWidth

        for element in data {
            let elementSize = elementsSize[element, default: CGSize(width: availableWidth, height: 1)]

            if remainingWidth - (elementSize.width + spacing) >= 0 {
                rows[currentRow].append(element)
            } else {
                currentRow += 1
                rows.append([element])
                remainingWidth = availableWidth
            }
            remainingWidth -= (elementSize.width + spacing)
        }
        return rows
    }
}

// Helper to read view size
struct SizePreferenceKey: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {}
}
extension View {
    func readSize(onChange: @escaping (CGSize) -> Void) -> some View {
        background(
            GeometryReader { geometryProxy in
                Color.clear
                    .preference(key: SizePreferenceKey.self, value: geometryProxy.size)
            }
        )
        .onPreferenceChange(SizePreferenceKey.self, perform: onChange)
    }
}

#Preview {
    ContentView()
}

import SwiftUI
import Combine // Needed for keyboard observers if we wanted more advanced focus handling

// MARK: - Data Models (Simple representations for the example)

struct HotelBookingInfo {
    let ratingValue: Int = 5
    let ratingName: String = "Превосходно"
    let hotelName: String = "Steigenberger Makadi"
    let hotelAddress: String = "Madinat Makadi, Safaga Road, Makadi Bay, Египет"
}

struct BookingDetails {
    let departureCity: String = "Санкт-Петербург"
    let countryCity: String = "Египет, Хургада"
    let dates: String = "19.09.2023 - 27.09.2023"
    let nights: String = "7 ночей"
    let hotelName: String = "Steigenberger Makadi"
    let roomType: String = "Стандартный с видом на бассейн или сад"
    let mealPlan: String = "Все включено"
}

// MARK: - Main Booking Info View

struct BookingInfoView: View {
    // --- State Variables ---
    @State private var phoneNumber: String = "" // Stores the RAW digits (max 10)
  //  @State private var displayedPhoneNumber: String = "+7 " // What the user sees/edits
    @State private var email: String = ""
    @State private var isEmailValid: Bool = true // Assume valid initially or until typed

    // --- Data ---
    let hotelInfo = HotelBookingInfo()
    let bookingDetails = BookingDetails()

    // --- Environment ---
    @Environment(\.presentationMode) var presentationMode

    var body: some View {
        NavigationView {
            ScrollView {
                VStack(spacing: 8) { // Spacing between blocks
                    HotelInfoBlock(info: hotelInfo)
                    BookingDetailsBlock(details: bookingDetails)
                    BuyerInfoBlock(
                        phoneNumber: $phoneNumber,
                        email: $email,
                        isEmailValid: $isEmailValid
                    )

                    Spacer() // Pushes content up if screen is tall
                }
                .padding(.horizontal) // Padding for the whole content stack
                .padding(.top)      // Padding from the navigation bar
            }
            .background(Color(UIColor.systemGray6)) // Background for the whole screen
            .navigationTitle("Бронирование")
            .navigationBarTitleDisplayMode(.inline)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button {
                        presentationMode.wrappedValue.dismiss()
                    } label: {
                        Image(systemName: "chevron.left")
                    }
                    .tint(.primary) // Ensure back button has default color
                }
            }
        }
    }
}

// MARK: - Block Views

struct HotelInfoBlock: View {
    let info: HotelBookingInfo

    var body: some View {
        VStack(alignment: .leading, spacing: 8) {
            HStack(spacing: 4) {
                Image(systemName: "star.fill")
                Text("\(info.ratingValue) \(info.ratingName)")
            }
            .font(.system(size: 16, weight: .medium))
            .foregroundColor(.orange)
            .padding(.horizontal, 10)
            .padding(.vertical, 5)
            .background(Color.orange.opacity(0.15))
            .cornerRadius(5)

            Text(info.hotelName)
                .font(.system(size: 22, weight: .medium))

            Text(info.hotelAddress)
                .font(.system(size: 14, weight: .regular))
                .foregroundColor(.blue) // Link-like appearance
        }
        .padding()
        .frame(maxWidth: .infinity, alignment: .leading) // Take full width
        .background(Color.white)
        .cornerRadius(12)
    }
}

struct BookingDetailsBlock: View {
    let details: BookingDetails

    var body: some View {
        VStack(alignment: .leading, spacing: 16) { // Increased spacing between rows
            BookingDetailRow(label: "Вылет из", value: details.departureCity)
            BookingDetailRow(label: "Страна, город", value: details.countryCity)
            BookingDetailRow(label: "Даты", value: details.dates)
            BookingDetailRow(label: "Кол-во ночей", value: details.nights)
            BookingDetailRow(label: "Отель", value: details.hotelName)
            BookingDetailRow(label: "Номер", value: details.roomType)
            BookingDetailRow(label: "Питание", value: details.mealPlan)
        }
        .padding()
        .frame(maxWidth: .infinity, alignment: .leading)
        .background(Color.white)
        .cornerRadius(12)
    }
}

// Helper for Booking Details rows
struct BookingDetailRow: View {
    let label: String
    let value: String

    var body: some View {
        HStack(alignment: .top) { // Align top for potentially multi-line values
            Text(label)
                .font(.system(size: 16))
                .foregroundColor(.secondary)
                .frame(width: 110, alignment: .leading) // Fixed width for labels

            Text(value)
                .font(.system(size: 16))
                .foregroundColor(.primary)
                .frame(maxWidth: .infinity, alignment: .leading) // Take remaining space
        }
    }
}

struct BuyerInfoBlock: View {
    @Binding var phoneNumber: String // Raw digits
  //  @Binding var displayedPhoneNumber: String // Formatted for display/edit
    @Binding var email: String
    @Binding var isEmailValid: Bool
    
    @State var isValid: Bool = false
    let phoneRegex = try! NSRegularExpression(pattern: #"^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$"#)

    var body: some View {
        VStack(alignment: .leading, spacing: 20) { // Space between title and fields
            Text("Информация о покупателе")
                .font(.system(size: 22, weight: .medium))

            VStack(alignment: .leading, spacing: 8) { // Space within the fields group
                Text("Номер телефона")
                    .font(.system(size: 12))
                    .foregroundColor(.secondary)
                    .padding(.leading, 12) // Indent label slightly

                TextField("", text: $phoneNumber, prompt: Text("+7 (***) *** - ** - **").foregroundColor(.gray))
                    .keyboardType(.numberPad)
                    .onReceive(Just(phoneNumber)) { newValue in
                        if !phoneNumber.isEmpty {
                            phoneNumber = formatPhoneNumber(newValue)
                            validatePhoneNumber(newValue)
                        }
                    }
                    .onAppear{
                        UITextField.appearance().clearButtonMode = .whileEditing
                    }
                    .padding()
                    .background(Color(.systemGray6))
                    .cornerRadius(8)
                
                if !isValid {
                    Text("Invalid format. Example: +7 (901) 555-66-77")
                        .foregroundColor(.red)
                        .font(.caption)
                }

                Text("Почта")
                    .font(.system(size: 12))
                    .foregroundColor(.secondary)
                    .padding(.leading, 12)

                TextField("[email protected]", text: $email)
                    .keyboardType(.emailAddress)
                    .autocapitalization(.none)
                    .disableAutocorrection(true)
                    .padding(.horizontal, 12)
                    .padding(.vertical, 10)
                    .background(isEmailValid ? Color(UIColor.systemGray6) : Color.red.opacity(0.15)) // Visual validation feedback
                    .cornerRadius(10)
                    .overlay( // Optional: Add border for invalid state
                        RoundedRectangle(cornerRadius: 10)
                       .stroke(isEmailValid ? Color.clear : Color.red, 
                                   lineWidth: 1)
                    )
                    .onChange(of: email) { _, newValue in
                        // Validate only if email is not empty
                        if !newValue.isEmpty {
                             isEmailValid = isValidEmail(newValue)
                        } else {
                            isEmailValid = true // Consider empty as valid or neutral
                        }
                    }
            }

            Text("Эти данные никому не передаются. После оплаты мы вышли чек на указанный вами номер и почту")
                .font(.system(size: 14))
                .foregroundColor(.secondary)

        }
        .padding()
        .frame(maxWidth: .infinity, alignment: .leading)
        .background(Color.white)
        .cornerRadius(12)
    }

    // MARK: Phone Masking Logic
    // Formats the input string to the template: +7 (XXX) XXX-XX-XX.
    private  func formatPhoneNumber(_ number: String) -> String {
            // Remove any non-digit characters.
            let digitsOnly = number.filter { $0.isNumber }
            var cleanedNumber = digitsOnly
            
            // If the first digit is 7 or 8, remove it.
            if let first = cleanedNumber.first, first == "7" || first == "8" {
                cleanedNumber.removeFirst()
            }
            
            // Limit to 10 digits.
            if cleanedNumber.count > 10 {
                cleanedNumber = String(cleanedNumber.prefix(10))
            }
            
            // Start with the fixed +7 prefix.
            var formatted = "+7 "
            
            // Create the area code part.
            if !cleanedNumber.isEmpty {
                formatted += "("
                let areaCodeEnd = min(3, cleanedNumber.count)
                let areaCode = cleanedNumber.prefix(areaCodeEnd)
                formatted += areaCode
                if areaCode.count == 3 {
                    formatted += ") "
                }
            }
            
            // Next 3 digits.
            if cleanedNumber.count > 3 {
                let startIndex = cleanedNumber.index(cleanedNumber.startIndex, offsetBy: 3)
                let endIndex = cleanedNumber.index(startIndex, offsetBy: min(3, cleanedNumber.count - 3))
                let firstThree = cleanedNumber[startIndex..<endIndex]
                formatted += firstThree
                if firstThree.count == 3 {
                    formatted += "-"
                }
            }
            
            // Next 2 digits.
            if cleanedNumber.count > 6 {
                let startIndex = cleanedNumber.index(cleanedNumber.startIndex, offsetBy: 6)
                let endIndex = cleanedNumber.index(startIndex, offsetBy: min(2, cleanedNumber.count - 6))
                let nextTwo = cleanedNumber[startIndex..<endIndex]
                formatted += nextTwo
                if nextTwo.count == 2 {
                    formatted += "-"
                }
            }
            
            // Last 2 digits.
            if cleanedNumber.count > 8 {
                let startIndex = cleanedNumber.index(cleanedNumber.startIndex, offsetBy: 8)
                let endIndex = cleanedNumber.index(startIndex, offsetBy: min(2, cleanedNumber.count - 8))
                let lastTwo = cleanedNumber[startIndex..<endIndex]
                formatted += lastTwo
            }
            
            return formatted
        }
    
    private func validatePhoneNumber(_ number: String) {
        let range = NSRange(location: 0, length: number.utf16.count)
        // Check if the entire string matches the regular expression
        isValid = phoneRegex.firstMatch(in: number, options: [], range: range) != nil
    }

     // MARK: Email Validation Logic
     private func isValidEmail(_ email: String) -> Bool {
         // Simple regex for basic email format validation
         let emailFormat = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"
         let emailPredicate = NSPredicate(format:"SELF MATCHES %@", emailFormat)
         return emailPredicate.evaluate(with: email)
     }
}


// MARK: - Preview

#Preview {
        BookingInfoView()
}

import SwiftUI

// MARK: - Data Models

struct Tourist: Identifiable {
    let id = UUID() // Necessary for ForEach
    var isExpanded: Bool = true // State for collapsing/expanding

    // Form fields
    var firstName: String = ""
    var lastName: String = ""
    var dateOfBirth: String = "" // Could use Date type later
    var citizenship: String = ""
    var passportNumber: String = ""
    var passportExpiry: String = "" // Could use Date type later
}

struct PricingInfo {
    let tourPrice: Int
    let fuelSurcharge: Int
    let serviceCharge: Int

    var totalPrice: Int {
        tourPrice + fuelSurcharge + serviceCharge
    }
}

// MARK: - Main View

struct TouristInfoView: View {
    // --- State Variables ---
    @State private var tourists: [Tourist] = [Tourist()] // Start with one tourist
    @State private var pricing = PricingInfo(
        tourPrice: 186600,
        fuelSurcharge: 9300,
        serviceCharge: 2136
    )

    var body: some View {
    
        VStack {
            ScrollView {
                VStack(spacing: 8) { // Spacing between blocks

                    // --- Tourist Information Block ---
                    TouristListBlock(tourists: $tourists)

                    // --- Add Tourist Button ---
                    AddTouristButton {
                        addNewTourist()
                    }

                    // --- Price Summary Block ---
                    PriceSummaryBlock(pricing: pricing)
                    PaymentButton(totalAmount: pricing.totalPrice) {
                        // Action for payment
                        print("Proceeding to pay \(formattedPrice(pricing.totalPrice))")
                    }

                }
                .padding(.horizontal) // Padding for the whole content stack
                .padding(.top)
            }
            .background(Color(UIColor.systemGray6).ignoresSafeArea()) // Background for the whole screen
        }
    }

    // --- Helper Functions ---

    private func addNewTourist() {
        withAnimation { // Animate the addition
             tourists.append(Tourist())
        }
    }

     private func formattedPrice(_ price: Int) -> String {
        let formatter = NumberFormatter()
        formatter.numberStyle = .decimal
        formatter.groupingSeparator = " " // Use space as separator
        return (formatter.string(from: NSNumber(value: price)) ?? "\(price)") + " ₽"
    }
}

// MARK: - Child Views / Blocks

struct TouristListBlock: View {
    @Binding var tourists: [Tourist]

    var body: some View {
        VStack(spacing: 8) { // Consistent spacing
             ForEach($tourists) { $tourist in // Use $ for bindings
                // Find the index for displaying the correct number
                 if let index = tourists.firstIndex(where: { $0.id == tourist.id }) {
                    TouristEntryView(
                        tourist: $tourist,
                        touristNumber: index + 1 // Pass the 1-based index
                    )
                 }
            }
        }
        // No background/cornerRadius here, apply it to TouristEntryView itself
    }
}

struct TouristEntryView: View {
    @Binding var tourist: Tourist
    let touristNumber: Int

    // Helper to get ordinal string ("Первый", "Второй", etc.)
    private func ordinal(number: Int) -> String {
        // Basic implementation, expand for more numbers if needed
        switch number {
        case 1: return "Первый"
        case 2: return "Второй"
        case 3: return "Третий"
        case 4: return "Четвертый"
        case 5: return "Пятый"
        default: return "\(number)-й"
        }
    }

    var body: some View {
        VStack(alignment: .leading, spacing: 0) { // No spacing for header/content separation
            // --- Header ---
            HStack {
                Text("\(ordinal(number: touristNumber)) турист")
                    .font(.system(size: 22, weight: .medium))
                Spacer()
                Button {
                    withAnimation(.easeInOut(duration: 0.2)) { // Animate expand/collapse
                        tourist.isExpanded.toggle()
                    }
                } label: {
                    Image(systemName: tourist.isExpanded ? "chevron.up" : "chevron.down")
                        .foregroundColor(.blue)
                        .padding(8) // Increase tappable area
                        .background(Color.blue.opacity(0.1))
                        .clipShape(RoundedRectangle(cornerRadius: 6))
                }
            }
            .padding() // Padding for the header itself

            // --- Form Fields (Conditional) ---
            if tourist.isExpanded {
                VStack { // Spacing between fields
                    StylizedTextField(placeholder: "Имя", 
                             text: $tourist.firstName)
                    StylizedTextField(placeholder: "Фамилия", 
                             text: $tourist.lastName)
                    StylizedTextField( placeholder: "Дата рождения", 
                             text: $tourist.dateOfBirth)
                    StylizedTextField( placeholder: "Гражданство", 
                             text: $tourist.citizenship)
                    StylizedTextField(placeholder: "Номер загранпаспорта", 
                             text: $tourist.passportNumber)
                    StylizedTextField(
                        placeholder: "Срок действия загранпаспорта", 
                        text: $tourist.passportExpiry)
                }
                .padding(.horizontal) // Padding for the form fields container
                .padding(.bottom)    // Add padding at the bottom of the form
                // Smooth transition for appearing fields
                .transition(.opacity.combined(with: .move(edge: .top)))
            }
        }
        .background(Color.white)
        .cornerRadius(12)
    }
}

// Reusable TextField with placeholder label
struct StylizedTextField: View {
    let placeholder: String
    @Binding var text: String

    var body: some View {
            TextField(placeholder, text: $text)
                .padding()
                .background(Color.gray.opacity(0.1))
                .cornerRadius(10)
                .overlay (alignment: .top) {
                if !text.isEmpty {
                    Text(placeholder)
                        .font(.system(size: 12))
                        .foregroundColor(.gray)
                        .padding(.leading, 12) // Indent title slightly
                        .padding(.bottom, -2) // Pull textfield up a bit
                        .zIndex(1) // Ensure title is above TextField background
                }
            }
    }
}

struct AddTouristButton: View {
    let action: () -> Void

    var body: some View {
        HStack {
            Text("Добавить туриста")
                .font(.system(size: 22, weight: .medium))
            Spacer()
            Button(action: action) {
                Image(systemName: "plus")
                    .foregroundColor(.white)
                    .padding()
                    .background(Color.blue)
                    .clipShape(RoundedRectangle(cornerRadius: 6))
            }
        }
        .padding()
        .background(Color.white)
        .cornerRadius(12)
    }
}

struct PriceSummaryBlock: View {
    let pricing: PricingInfo

    private func formattedPrice(_ price: Int) -> String {
        // Duplicated formatting logic for self-containment, could be centralized
        let formatter = NumberFormatter()
        formatter.numberStyle = .decimal
        formatter.groupingSeparator = " "
        return (formatter.string(from: NSNumber(value: price)) ?? "\(price)") + " ₽"
    }

    var body: some View {
        VStack(alignment: .leading, spacing: 16) {
            PriceRow(label: "Тур", amount: pricing.tourPrice)
            PriceRow(label: "Топливный сбор", amount: pricing.fuelSurcharge)
            PriceRow(label: "Сервисный сбор", amount: pricing.serviceCharge)
            PriceRow(label: "К оплате", amount: pricing.totalPrice,
                                                             isTotal: true)
        }
        .padding()
        .background(Color.white)
        .cornerRadius(12)
    }
}

// Helper for rows in the price summary
struct PriceRow: View {
    let label: String
    let amount: Int
    var isTotal: Bool = false

    private func formattedPrice(_ price: Int) -> String {
         let formatter = NumberFormatter()
         formatter.numberStyle = .decimal
         formatter.groupingSeparator = " "
         return (formatter.string(from: NSNumber(value: price)) ?? "\(price)") + " ₽"
     }

    var body: some View {
        HStack {
            Text(label)
                .font(.system(size: 16))
                .foregroundColor(.secondary)

            Spacer()

            Text(formattedPrice(amount))
            .font(.system(size: 16, weight: isTotal ? .semibold : .regular))
            .foregroundColor(isTotal ? .blue : .primary) // Highlight total price
        }
    }
}


struct PaymentButton: View {
    let totalAmount: Int
    let action: () -> Void

    private func formattedPrice(_ price: Int) -> String {
         let formatter = NumberFormatter()
         formatter.numberStyle = .decimal
         formatter.groupingSeparator = " "
         return (formatter.string(from: NSNumber(value: price)) ?? "\(price)") + " ₽"
     }

    var body: some View {
        Button(action: action) {
            Text("Оплатить \(formattedPrice(totalAmount))")
                .font(.system(size: 16, weight: .medium))
                .foregroundColor(.white)
                .frame(maxWidth: .infinity)
                .padding()
                .background(Color.blue)
                .cornerRadius(15)
        }
        .padding(.horizontal)
        .padding(.vertical, 8) // Add some vertical padding
        .background( // Add a white background behind the button area
            Color.white
              .ignoresSafeArea(edges: .bottom) // Extend white to screen bottom edge
              .shadow(radius: 1) // Optional subtle shadow above button
        )
    }
}


// MARK: - Preview

#Preview {
        TouristInfoView()
  }

Вот как функционирует TouruistInfoView для ввода туристов: