{"id":16889,"date":"2025-03-28T17:23:27","date_gmt":"2025-03-28T17:23:27","guid":{"rendered":"https:\/\/bestkora.com\/IosDeveloper\/?p=16889"},"modified":"2025-04-06T11:50:32","modified_gmt":"2025-04-06T11:50:32","slug":"%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b2-google-ai-studio-ios-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%bd%d0%b0-%d0%be%d1%81%d0%bd%d0%be%d0%b2%d0%b5-%d0%bf%d1%80","status":"publish","type":"post","link":"https:\/\/bestkora.com\/IosDeveloper\/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%b2-google-ai-studio-ios-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%bd%d0%b0-%d0%be%d1%81%d0%bd%d0%be%d0%b2%d0%b5-%d0%bf%d1%80\/","title":{"rendered":"Google AI Studio c Gemini 2.5 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0438\u0437 Figma"},"content":{"rendered":"\n
\"\"<\/a><\/figure>\n\n\n\n

\u041c\u043d\u0435 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e \u043f\u043e\u043f\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0434\u0430\u043d\u0438\u0435 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f 2-\u0445 \u0433\u043e\u0434\u0438\u0447\u043d\u043e\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438 \u043d\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044e «iOS \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a» , \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0442\u044c iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043d\u043e\u043c\u0435\u0440\u0430 \u0432 \u041e\u0442\u0435\u043b\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u0438\u0437 Figma, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430\u0441\u044c «\u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c» \u0438\u0437 \u0444\u043e\u0442\u043e. <\/span><\/p>\n\n\n\n

\u042f \u0440\u0435\u0448\u0438\u043b\u0430 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0418\u0418 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0442\u0430\u043a\u043e\u0433\u043e iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u043e \u043c\u0430\u043a\u0435\u0442\u0430\u043c \u0438\u0437 Figma. \u041f\u0440\u044f\u043c\u043e \u0441\u043a\u0430\u0436\u0435\u043c, \u0447\u0442\u043e \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0430\u0445 \u044d\u043a\u0440\u0430\u043d\u043e\u0432 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043e\u0442\u0447\u0435\u0442\u043b\u0438\u0432\u043e \u0432\u0438\u0434\u0435\u043d, \u0442\u0430\u043a \u0447\u0442\u043e \u0418\u0418 \u043f\u0440\u0435\u0434\u0441\u0442\u043e\u0438\u0442 \u0435\u0433\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c, \u0430 \u0443\u0436\u0435 \u043f\u043e\u0442\u043e\u043c \u0441\u043e\u0437\u0434\u0430\u0442\u044c iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/span><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0414\u043b\u044f \u043c\u0435\u043d\u044f \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u043c\u0438 \u0418\u0418 \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 iOS \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f ChatGPT 4.o-mini, Claude 3.5 (3.7) Sonnet \u0438 Grok 3, \u043d\u0443, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, DeepSeek R1, \u043d\u043e Gemini 1.5 \u0432\u0441\u0435\u0433\u0434\u0430 \u0434\u0430\u0432\u0430\u043b \u0445\u043e\u0442\u044f \u0438 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439, \u043d\u043e \u043d\u0435 \u0441\u0430\u043c\u044b\u0439 \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u044b\u0439 \u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043a\u043e\u0434.<\/span><\/p>\n\n\n\n

\u041e\u0434\u043d\u0430\u043a\u043e Gemini \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u0447\u0438\u0442\u0430\u043b \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u0445 ( \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c), \u043a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u0430\u044f Gemini 2.5 Pro Experimental —  \u043c\u0443\u043b\u044c\u0442\u0438\u043c\u043e\u0434\u0430\u043b\u044c\u043d\u0430\u044f, \u0440\u0430\u0441\u0441\u0443\u0436\u0434\u0430\u044e\u0449\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c AI, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0430\u043c\u043e\u0439 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u044c\u044e \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c.<\/span><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

\u0422\u0430\u043a \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0448\u0430\u043d\u0441\u044b \u043d\u0430 \u0443\u0441\u043f\u0435\u0445.<\/span><\/p>\n\n\n\n

\u0417\u0430\u0431\u0435\u0433\u0430\u044f \u0432\u043f\u0435\u0440\u0435\u0434, \u0441\u0440\u0430\u0437\u0443 \u0441\u043a\u0430\u0436\u0443, \u0447\u0442\u043e Gemini 2.5 Experimental<\/strong> \u043f\u0440\u0435\u0432\u0437\u043e\u0448\u0435\u043b \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f: \u0442\u043e\u0447\u043d\u043e\u0435 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 Figma-\u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0432 SwiftUI (\u0441\u0442\u0438\u043b\u0438, \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b) + \u043d\u0435\u0448\u0430\u0431\u043b\u043e\u043d\u043d\u044b\u0439 \u043a\u043e\u0434, \u0430 \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f (FlexibleGridView \u0438 \u0434\u0440.). \u0421\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0439 \u043a\u043e\u0434 \u2014 \u0431\u0430\u0437\u0430 \u0434\u043b\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 (REST API). \u041a\u043e\u0434 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 Github<\/a>.<\/span><\/p>\n\n\n\n\n\n\n\n

\u0412\u043e\u0442 \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 Gemini 2.5<\/strong> Experimental <\/strong>\u0432 Google AI Studio:<\/span><\/p>\n\n\n\n

\u041e\u0442\u0435\u043b\u044c \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u043d\u043e\u043c\u0435\u0440\u043e\u0432<\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

\u041e\u0442\u0432\u0435\u0442 Gemini 2.5 Experimental<\/h2>\n\n\n\n

\u0425\u043e\u0440\u043e\u0448\u043e, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c SwiftUI \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e\u0431 \u043e\u0442\u0435\u043b\u0435 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0432\u0430\u0448\u0438\u0445 \u0441\u043d\u0438\u043c\u043a\u043e\u0432 \u044d\u043a\u0440\u0430\u043d\u0430.<\/span><\/p>\n\n\n\n

\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c:<\/span><\/p>\n\n\n\n

    \n
  1. \u041c\u043e\u0434\u0435\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0445:<\/strong> \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e\u0431 \u043e\u0442\u0435\u043b\u0435 \u0438 \u043d\u043e\u043c\u0435\u0440\u0435.<\/span><\/li>\n\n\n\n
  2. HotelDetailView:<\/strong> \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0442\u0435\u043b\u0435, \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u044b.<\/span><\/li>\n\n\n\n
  3. AmenitiesView: <\/strong>View<\/code>-\u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c \u0434\u043b\u044f \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u043e\u0431 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430\u0445.<\/span><\/li>\n\n\n\n
  4. RoomSelectionView:<\/strong> \u044d\u043a\u0440\u0430\u043d \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u043d\u043e\u043c\u0435\u0440\u043e\u0432 \u0441 \u0438\u0445 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044f\u043c\u0438 \u0444\u043e\u0442\u043e \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f\u043c\u0438 \u043e\u0431 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430\u0445.<\/span><\/li>\n\n\n\n
  5. RoomCardView: <\/strong>\u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0435 View<\/code> \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u043d\u043e\u043c\u0435\u0440\u0430.<\/span><\/li>\n\n\n\n
  6. \u0412\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 View:<\/strong> \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, ImageCarouselView<\/code> \u0438 SectionRow<\/code>.<\/span><\/li>\n<\/ol>\n\n\n\n
    <\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
    import<\/span> <\/span>SwiftUI<\/span><\/span>\n<\/span>\n\/\/ MARK: - Data Models<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>Hotel<\/span>: <\/span>Identifiable <\/span>{<\/span><\/span>\n    <\/span>let<\/span> id = <\/span>UUID<\/span>()<\/span><\/span>\n    <\/span>let<\/span> name: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> rating: <\/span>Double<\/span><\/span>\n    <\/span>let<\/span> ratingName: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> address: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> minimalPrice: <\/span>Int<\/span><\/span>\n    <\/span>let<\/span> priceForIt: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> imageUrls: [<\/span>String<\/span>] <\/span>\/\/ Use image names from Assets or URLs<\/span><\/span>\n    <\/span>let<\/span> description: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> peculiarities: [<\/span>String<\/span>] <\/span>\/\/ Like "3-\u044f \u043b\u0438\u043d\u0438\u044f", "\u041f\u043b\u0430\u0442\u043d\u044b\u0439 Wi-Fi \u0432 \u0444\u043e\u0439\u0435"<\/span><\/span>\n}<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>Room<\/span>: <\/span>Identifiable <\/span>{<\/span><\/span>\n    <\/span>let<\/span> id = <\/span>UUID<\/span>()<\/span><\/span>\n    <\/span>let<\/span> name: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> price: <\/span>Int<\/span><\/span>\n    <\/span>let<\/span> pricePer: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> peculiarities: [<\/span>String<\/span>] <\/span>\/\/ Like "\u0412\u0441\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e", "\u041a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440"<\/span><\/span>\n    <\/span>let<\/span> imageUrls: [<\/span>String<\/span>]<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n<\/span>\n\/\/ MARK: - Content View (Root)<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>ContentView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>\/\/ --- MOCK DATA ---<\/span><\/span>\n    <\/span>\/\/ In a real app, this would come from a ViewModel\/API<\/span><\/span>\n    <\/span>let<\/span> sampleHotel = <\/span>Hotel<\/span>(<\/span><\/span>\n        <\/span>name<\/span>: <\/span>"Steigenberger Makadi"<\/span>, <\/span>\/\/ Updated name based on screenshot 4<\/span><\/span>\n        <\/span>rating<\/span>: <\/span>5.0<\/span>,<\/span><\/span>\n        <\/span>ratingName<\/span>: <\/span>"\u041f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u043d\u043e"<\/span>,<\/span><\/span>\n        <\/span>address<\/span>: <\/span>"Madinat Makadi, Safaga Road, Makadi Bay, \u0415\u0433\u0438\u043f\u0435\u0442"<\/span>,<\/span><\/span>\n        <\/span>minimalPrice<\/span>: <\/span>134673<\/span>,<\/span><\/span>\n        <\/span>priceForIt<\/span>: <\/span>"\u0437\u0430 \u0442\u0443\u0440 \u0441 \u043f\u0435\u0440\u0435\u043b\u0451\u0442\u043e\u043c"<\/span>,<\/span><\/span>\n        <\/span>imageUrls<\/span>: [<\/span>"hotel_placeholder_1"<\/span>, <\/span>"hotel_placeholder_2"<\/span>, <\/span>"hotel_placeholder_3"<\/span>, <\/span>"hotel_placeholder_4"<\/span>, <\/span>"hotel_placeholder_5"<\/span>, <\/span>"hotel_placeholder_6"<\/span>, <\/span>"hotel_placeholder_7"<\/span>], <\/span>\/\/ Add your image names<\/span><\/span>\n        <\/span>description<\/span>: <\/span>"\u041e\u0442\u0435\u043b\u044c VIP-\u043a\u043b\u0430\u0441\u0441\u0430 \u0441 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u0433\u043e\u043b\u044c\u0444 \u043f\u043e\u043b\u044f\u043c\u0438. \u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0441\u0435\u0440\u0432\u0438\u0441\u0430. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u0434\u043b\u044f \u0440\u0435\u0441\u043f\u0435\u043a\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0442\u0434\u044b\u0445\u0430."<\/span>,<\/span><\/span>\n        <\/span>peculiarities<\/span>: [<\/span>"3-\u044f \u043b\u0438\u043d\u0438\u044f"<\/span>, <\/span>"\u041f\u043b\u0430\u0442\u043d\u044b\u0439 Wi-Fi \u0432 \u0444\u043e\u0439\u0435"<\/span>, <\/span>"30 \u043a\u043c \u0434\u043e \u0430\u044d\u0440\u043e\u043f\u043e\u0440\u0442\u0430"<\/span>, <\/span>"1 \u043a\u043c \u0434\u043e \u043f\u043b\u044f\u0436\u0430"<\/span>]<\/span><\/span>\n    )<\/span><\/span>\n<\/span>\n     <\/span>let<\/span> sampleRooms = [<\/span><\/span>\n        <\/span>Room<\/span>(<\/span>name<\/span>: <\/span>"\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0441 \u0432\u0438\u0434\u043e\u043c \u043d\u0430 \u0431\u0430\u0441\u0441\u0435\u0439\u043d \u0438\u043b\u0438 \u0441\u0430\u0434"<\/span>, <\/span>price<\/span>: <\/span>186600<\/span>, <\/span>pricePer<\/span>: <\/span>"\u0437\u0430 7 \u043d\u043e\u0447\u0435\u0439 \u0441 \u043f\u0435\u0440\u0435\u043b\u0451\u0442\u043e\u043c"<\/span>, <\/span>peculiarities<\/span>: [<\/span>"\u0412\u0441\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e"<\/span>, <\/span>"\u041a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440"<\/span>], <\/span>imageUrls<\/span>: [<\/span>"room1_image1"<\/span>, <\/span>"room1_image2"<\/span>,<\/span>"room1_image3"<\/span>,<\/span>"room1_image4"<\/span>]),<\/span><\/span>\n        <\/span>Room<\/span>(<\/span>name<\/span>: <\/span>"\u041b\u044e\u043a\u0441 \u0441 \u0432\u0438\u0434\u043e\u043c \u043d\u0430 \u043c\u043e\u0440\u0435"<\/span>, <\/span>price<\/span>: <\/span>250000<\/span>, <\/span>pricePer<\/span>: <\/span>"\u0437\u0430 7 \u043d\u043e\u0447\u0435\u0439 \u0441 \u043f\u0435\u0440\u0435\u043b\u0451\u0442\u043e\u043c"<\/span>, <\/span>peculiarities<\/span>: [<\/span>"\u0412\u0441\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e"<\/span>, <\/span>"\u041a\u043e\u043d\u0434\u0438\u0446\u0438\u043e\u043d\u0435\u0440"<\/span>, <\/span>"\u041c\u0438\u043d\u0438-\u0431\u0430\u0440"<\/span>], <\/span>imageUrls<\/span>: [<\/span>"suite1_image1"<\/span>, <\/span>"suite1_image2"<\/span>, <\/span>"suite1_image3"<\/span>])<\/span><\/span>\n        <\/span>\/\/ Add more rooms<\/span><\/span>\n    ]<\/span><\/span>\n    <\/span>\/\/ --- ---<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>NavigationView<\/span> {<\/span><\/span>\n            <\/span>HotelDetailView<\/span>(<\/span>hotel<\/span>: sampleHotel, <\/span>rooms<\/span>: sampleRooms)<\/span><\/span>\n        }<\/span><\/span>\n        <\/span>\/\/ Optional: Use .accentColor for global tint if needed<\/span><\/span>\n        <\/span>\/\/ .accentColor(.blue)<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ MARK: - Hotel Detail View<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>HotelDetailView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> hotel: Hotel<\/span><\/span>\n    <\/span>let<\/span> rooms: [Room] <\/span>\/\/ Pass rooms data for navigation<\/span><\/span>\n<\/span>\n    <\/span>@State<\/span> <\/span>private<\/span> <\/span>var<\/span> selectedImageIndex = <\/span>0<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>ScrollView<\/span> {<\/span><\/span>\n            <\/span>VStack<\/span>(<\/span>alignment<\/span>: .<\/span>leading<\/span>, <\/span>spacing<\/span>: <\/span>8<\/span>) {<\/span><\/span>\n                <\/span>\/\/ --- Section 1: Image Carousel, Basic Info ---<\/span><\/span>\n                <\/span>VStack<\/span>(<\/span>alignment<\/span>: .<\/span>leading<\/span>, <\/span>spacing<\/span>: <\/span>16<\/span>) {<\/span><\/span>\n                    <\/span>ImageCarouselView<\/span>(<\/span>imageUrls<\/span>: hotel.<\/span>imageUrls<\/span>, <\/span><\/span>\n                                      <\/span>selectedIndex<\/span>: $selectedImageIndex)<\/span><\/span>\n                        .<\/span>frame<\/span>(<\/span>height<\/span>: <\/span>250<\/span>) <\/span>\/\/ Adjust height as needed<\/span><\/span>\n                        .<\/span>clipShape<\/span>(<\/span>RoundedRectangle<\/span>(<\/span>cornerRadius<\/span>: <\/span>15<\/span>)) <\/span>\/\/ Rounded corners<\/span><\/span>\n<\/span>\n                    <\/span>HStack<\/span>(<\/span>spacing<\/span>: <\/span>4<\/span>) {<\/span><\/span>\n                        <\/span>Image<\/span>(<\/span>systemName<\/span>: <\/span>"star.fill"<\/span>)<\/span><\/span>\n                            .<\/span>foregroundColor<\/span>(.<\/span>orange<\/span>)<\/span><\/span>\n                        <\/span>Text<\/span>(<\/span>"<\/span>\\(<\/span>hotel.<\/span>rating<\/span>, specifier<\/span>:<\/span> <\/span>"%.1f"<\/span>)<\/span> <\/span>\\(<\/span>hotel.<\/span>ratingName<\/span>)<\/span>"<\/span>)<\/span><\/span>\n                            .<\/span>foregroundColor<\/span>(.<\/span>orange<\/span>)<\/span><\/span>\n                            .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                    }<\/span><\/span>\n<\/span>\n                    <\/span>Text<\/span>(hotel.<\/span>name<\/span>)<\/span><\/span>\n                        .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>22<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n<\/span>\n                    <\/span>Button<\/span> {<\/span><\/span>\n                        <\/span>\/\/ Action for address tap if needed (e.g., open map)<\/span><\/span>\n                        <\/span>print<\/span>(<\/span>"Address tapped"<\/span>)<\/span><\/span>\n                    } <\/span>label<\/span>: {<\/span><\/span>\n                        <\/span>Text<\/span>(hotel.<\/span>address<\/span>)<\/span><\/span>\n                            .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>14<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                            .<\/span>foregroundColor<\/span>(.<\/span>blue<\/span>) <\/span>\/\/ Link-like appearance<\/span><\/span>\n                    }<\/span><\/span>\n<\/span>\n                    <\/span>HStack<\/span>(<\/span>alignment<\/span>: .<\/span>bottom<\/span>, <\/span>spacing<\/span>: <\/span>8<\/span>) {<\/span><\/span>\n                         <\/span>Text<\/span>(<\/span>"\u043e\u0442 <\/span>\\(<\/span>hotel.<\/span>minimalPrice<\/span>)<\/span> \u20bd"<\/span>)<\/span><\/span>\n                            .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>30<\/span>, <\/span>weight<\/span>: .<\/span>semibold<\/span>))<\/span><\/span>\n                         <\/span>Text<\/span>(hotel.<\/span>priceForIt<\/span>.<\/span>lowercased<\/span>())<\/span><\/span>\n                            .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>regular<\/span>))<\/span><\/span>\n                            .<\/span>foregroundColor<\/span>(.<\/span>secondary<\/span>)<\/span><\/span>\n                            .<\/span>padding<\/span>(.<\/span>bottom<\/span>, <\/span>4<\/span>) <\/span>\/\/ Align baseline better<\/span><\/span>\n                    }<\/span><\/span>\n<\/span>\n                }<\/span><\/span>\n                .<\/span>padding<\/span>(.<\/span>horizontal<\/span>)<\/span><\/span>\n                .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>8<\/span>) <\/span>\/\/ Add some vertical padding<\/span><\/span>\n                .<\/span>background<\/span>(Color.<\/span>white<\/span>) <\/span>\/\/ White background for this section<\/span><\/span>\n                .<\/span>cornerRadius<\/span>(<\/span>15<\/span>) <\/span>\/\/ Rounded corners for the section<\/span><\/span>\n<\/span>\n<\/span>\n                 <\/span>\/\/ --- Section 2: About the Hotel ---<\/span><\/span>\n                 <\/span>VStack<\/span>(<\/span>alignment<\/span>: .<\/span>leading<\/span>, <\/span>spacing<\/span>: <\/span>16<\/span>) {<\/span><\/span>\n                    <\/span>Text<\/span>(<\/span>"\u041e\u0431 \u043e\u0442\u0435\u043b\u0435"<\/span>)<\/span><\/span>\n                        .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>22<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n<\/span>\n                    <\/span>\/\/ Peculiarities (Tags)<\/span><\/span>\n                    <\/span>FlexibleGridView<\/span>(<\/span>data<\/span>: hotel.<\/span>peculiarities<\/span>) { item <\/span>in<\/span><\/span>\n                        <\/span>Text<\/span>(item)<\/span><\/span>\n                            .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                            .<\/span>foregroundColor<\/span>(.<\/span>gray<\/span>)<\/span><\/span>\n                            .<\/span>padding<\/span>(.<\/span>horizontal<\/span>, <\/span>10<\/span>)<\/span><\/span>\n                            .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>5<\/span>)<\/span><\/span>\n                            .<\/span>background<\/span>(<\/span>Color<\/span>(UIColor.<\/span>systemGray6<\/span>)) <\/span>\/\/ Tag background<\/span><\/span>\n                            .<\/span>cornerRadius<\/span>(<\/span>5<\/span>)<\/span><\/span>\n                    }<\/span><\/span>\n<\/span>\n<\/span>\n                    <\/span>Text<\/span>(hotel.description)<\/span><\/span>\n                         .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>regular<\/span>))<\/span><\/span>\n<\/span>\n                    <\/span>\/\/ --- Detail Buttons ---<\/span><\/span>\n                    <\/span>VStack<\/span>(<\/span>spacing<\/span>: <\/span>0<\/span>) {<\/span><\/span>\n                         <\/span>NavigationLink<\/span>(<\/span>destination<\/span>: <\/span>AmenitiesView<\/span>()) { <\/span>\/\/ Navigate to Amenities<\/span><\/span>\n                             <\/span>SectionRow<\/span>(<\/span>iconName<\/span>: <\/span>"face.smiling"<\/span>,<\/span><\/span>\n                                        <\/span>title<\/span>: <\/span>"\u0423\u0434\u043e\u0431\u0441\u0442\u0432\u0430"<\/span>,<\/span><\/span>\n                                        <\/span>subtitle<\/span>: <\/span>"\u0421\u0430\u043c\u043e\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435"<\/span>)<\/span><\/span>\n                         }<\/span><\/span>\n                         <\/span>Divider<\/span>().<\/span>padding<\/span>(.<\/span>leading<\/span>, <\/span>45<\/span>) <\/span>\/\/ Indent divider<\/span><\/span>\n                         <\/span>SectionRow<\/span>(<\/span>iconName<\/span>: <\/span>"checkmark.circle"<\/span>,<\/span><\/span>\n                                    <\/span>title<\/span>: <\/span>"\u0427\u0442\u043e \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e"<\/span>, <\/span><\/span>\n                                    <\/span>subtitle<\/span>: <\/span>"\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438"<\/span>)<\/span><\/span>\n                         <\/span>Divider<\/span>().<\/span>padding<\/span>(.<\/span>leading<\/span>, <\/span>45<\/span>)<\/span><\/span>\n                         <\/span>SectionRow<\/span>(<\/span>iconName<\/span>: <\/span>"xmark.circle"<\/span>, <\/span><\/span>\n                                    <\/span>title<\/span>: <\/span>"\u0427\u0442\u043e \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e"<\/span>, <\/span><\/span>\n                                    <\/span>subtitle<\/span>: <\/span>"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438"<\/span>)<\/span><\/span>\n                    }<\/span><\/span>\n                    .<\/span>background<\/span>(<\/span>Color<\/span>(UIColor.<\/span>systemGray6<\/span>))<\/span><\/span>\n                    .<\/span>cornerRadius<\/span>(<\/span>15<\/span>)<\/span><\/span>\n                    .<\/span>padding<\/span>(.<\/span>top<\/span>) <\/span>\/\/ Add space before buttons<\/span><\/span>\n<\/span>\n<\/span>\n                 }<\/span><\/span>\n                 .<\/span>padding<\/span>(.<\/span>horizontal<\/span>)<\/span><\/span>\n                 .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>8<\/span>)<\/span><\/span>\n                 .<\/span>background<\/span>(Color.<\/span>white<\/span>)<\/span><\/span>\n                 .<\/span>cornerRadius<\/span>(<\/span>15<\/span>)<\/span><\/span>\n                 .<\/span>padding<\/span>(.<\/span>top<\/span>, <\/span>8<\/span>) <\/span>\/\/ Space between sections<\/span><\/span>\n<\/span>\n<\/span>\n            } <\/span>\/\/ End Main VStack<\/span><\/span>\n        } <\/span>\/\/ End ScrollView<\/span><\/span>\n        .<\/span>background<\/span>(<\/span>Color<\/span>(UIColor.<\/span>systemGray6<\/span>).<\/span>ignoresSafeArea<\/span>()) <\/span>\/\/ Background for the whole screen<\/span><\/span>\n        .<\/span>navigationBarTitleDisplayMode<\/span>(.<\/span>inline<\/span>) <\/span>\/\/ Keep title small<\/span><\/span>\n       .<\/span>toolbar<\/span> { <\/span>\/\/ Hide the default back button text<\/span><\/span>\n            <\/span>ToolbarItem<\/span>(<\/span>placement<\/span>: .<\/span>principal<\/span>) {<\/span><\/span>\n                 <\/span>Text<\/span>(hotel.<\/span>name<\/span>) <\/span>\/\/ Or just "\u041e\u0442\u0435\u043b\u044c"<\/span><\/span>\n                    .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>18<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n            }<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>safeAreaInset<\/span>(<\/span>edge<\/span>: .<\/span>bottom<\/span>) {<\/span><\/span>\n             <\/span>\/\/ --- Bottom Button ---<\/span><\/span>\n             <\/span>NavigationLink<\/span>(<\/span>destination<\/span>: <\/span><\/span>\n                  <\/span>RoomSelectionView<\/span>(<\/span>hotelName<\/span>: hotel.<\/span>name<\/span>, <\/span>rooms<\/span>: rooms)) {<\/span><\/span>\n                  <\/span>Text<\/span>(<\/span>"\u041a \u0432\u044b\u0431\u043e\u0440\u0443 \u043d\u043e\u043c\u0435\u0440\u0430"<\/span>)<\/span><\/span>\n                     .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                     .<\/span>foregroundColor<\/span>(.<\/span>white<\/span>)<\/span><\/span>\n                     .<\/span>frame<\/span>(<\/span>maxWidth<\/span>: .infinity)<\/span><\/span>\n                     .<\/span>padding<\/span>()<\/span><\/span>\n                     .<\/span>background<\/span>(Color.<\/span>blue<\/span>)<\/span><\/span>\n                     .<\/span>cornerRadius<\/span>(<\/span>15<\/span>)<\/span><\/span>\n             }<\/span><\/span>\n             .<\/span>padding<\/span>(.<\/span>horizontal<\/span>)<\/span><\/span>\n             .<\/span>padding<\/span>(.<\/span>top<\/span>, <\/span>8<\/span>) <\/span>\/\/ Add space above button<\/span><\/span>\n             .<\/span>background<\/span>( <\/span>\/\/ Add a white background behind the button area<\/span><\/span>\n                 Color.<\/span>white<\/span><\/span>\n                    .<\/span>ignoresSafeArea<\/span>(<\/span>edges<\/span>: .<\/span>bottom<\/span>) <\/span>\/\/ Extend white to screen bottom edge<\/span><\/span>\n             )<\/span><\/span>\n         }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ MARK: - Image Carousel View<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>ImageCarouselView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> imageUrls: [<\/span>String<\/span>]<\/span><\/span>\n    <\/span>@Binding<\/span> <\/span>var<\/span> selectedIndex: <\/span>Int<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>TabView<\/span>(<\/span>selection<\/span>: $selectedIndex) {<\/span><\/span>\n            <\/span>ForEach<\/span>(<\/span>0<\/span>..<imageUrls.count, <\/span>id<\/span>: \\.<\/span>self<\/span>) { index <\/span>in<\/span><\/span>\n                <\/span>Image<\/span>(imageUrls[index]) <\/span>\/\/ Assumes images are in Assets<\/span><\/span>\n                    .<\/span>resizable<\/span>()<\/span><\/span>\n                    .<\/span>scaledToFill<\/span>()<\/span><\/span>\n                    <\/span>\/\/ .aspectRatio(contentMode: .fill) \/\/ Alternative scaling<\/span><\/span>\n                    .<\/span>tag<\/span>(index)<\/span><\/span>\n                    <\/span>\/\/ Add error handling\/placeholder if needed<\/span><\/span>\n                    .<\/span>overlay<\/span>{<\/span><\/span>\n                        <\/span>VStack<\/span> {<\/span><\/span>\n                            <\/span>Spacer<\/span>()<\/span><\/span>\n                            <\/span>HStack<\/span> {<\/span><\/span>\n                                <\/span>Spacer<\/span>()<\/span><\/span>\n                                <\/span>Text<\/span>(<\/span>"<\/span>\\(<\/span>index + <\/span>1<\/span>)<\/span> \/ <\/span>\\(<\/span>imageUrls.count<\/span>)<\/span>"<\/span>)<\/span><\/span>\n                                    .<\/span>bold<\/span>()<\/span><\/span>\n                                    .<\/span>foregroundStyle<\/span>(Color.<\/span>white<\/span>)<\/span><\/span>\n                                    .<\/span>padding<\/span>(.<\/span>horizontal<\/span>, <\/span>45<\/span>)<\/span><\/span>\n                            }<\/span><\/span>\n                            .<\/span>padding<\/span>()<\/span><\/span>\n                        }<\/span><\/span>\n                    }<\/span><\/span>\n            }<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>tabViewStyle<\/span>(.<\/span>page<\/span>(<\/span>indexDisplayMode<\/span>: .<\/span>never<\/span>)) <\/span>\/\/ Hide default dots<\/span><\/span>\n        .<\/span>overlay<\/span>(<\/span><\/span>\n            <\/span>\/\/ Custom Pagination Dots<\/span><\/span>\n            <\/span>HStack<\/span>(<\/span>spacing<\/span>: <\/span>8<\/span>) {<\/span><\/span>\n                <\/span>ForEach<\/span>(<\/span>0<\/span>..<imageUrls.count, <\/span>id<\/span>: \\.<\/span>self<\/span>) { index <\/span>in<\/span><\/span>\n                    <\/span>Circle<\/span>()<\/span><\/span>\n                        .<\/span>fill<\/span>(selectedIndex == index ? Color.<\/span>black<\/span> <\/span>:<\/span> Color.<\/span>gray<\/span>.<\/span>opacity<\/span>(<\/span>0.7<\/span>))<\/span><\/span>\n                        .<\/span>frame<\/span>(<\/span>width<\/span>: <\/span>7<\/span>, <\/span>height<\/span>: <\/span>7<\/span>)<\/span><\/span>\n                }<\/span><\/span>\n            }<\/span><\/span>\n            .<\/span>padding<\/span>(.<\/span>horizontal<\/span>, <\/span>12<\/span>)<\/span><\/span>\n            .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>8<\/span>)<\/span><\/span>\n            .<\/span>background<\/span>(Color.<\/span>white<\/span>.<\/span>opacity<\/span>(<\/span>0.9<\/span>))<\/span><\/span>\n            .<\/span>cornerRadius<\/span>(<\/span>5<\/span>)<\/span><\/span>\n            .<\/span>padding<\/span>(.<\/span>bottom<\/span>, <\/span>10<\/span>) <\/span>\/\/ Position dots from bottom<\/span><\/span>\n            , <\/span>alignment<\/span>: .<\/span>bottom<\/span> <\/span>\/\/ Align dots at the bottom<\/span><\/span>\n        )<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ MARK: - Section Row Helper View<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>SectionRow<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> iconName: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> title: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> subtitle: <\/span>String<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>HStack<\/span>(<\/span>spacing<\/span>: <\/span>12<\/span>) {<\/span><\/span>\n            <\/span>Image<\/span>(<\/span>systemName<\/span>: iconName)<\/span><\/span>\n                .<\/span>resizable<\/span>()<\/span><\/span>\n                .<\/span>scaledToFit<\/span>()<\/span><\/span>\n                .<\/span>frame<\/span>(<\/span>width<\/span>: <\/span>24<\/span>, <\/span>height<\/span>: <\/span>24<\/span>)<\/span><\/span>\n                .<\/span>foregroundColor<\/span>(.<\/span>primary<\/span>.<\/span>opacity<\/span>(<\/span>0.9<\/span>))<\/span><\/span>\n<\/span>\n            <\/span>VStack<\/span>(<\/span>alignment<\/span>: .<\/span>leading<\/span>) {<\/span><\/span>\n                <\/span>Text<\/span>(title)<\/span><\/span>\n                    .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                    .<\/span>foregroundColor<\/span>(.<\/span>primary<\/span>)<\/span><\/span>\n                <\/span>Text<\/span>(subtitle)<\/span><\/span>\n                    .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>14<\/span>, <\/span>weight<\/span>: .<\/span>regular<\/span>))<\/span><\/span>\n                    .<\/span>foregroundColor<\/span>(.<\/span>secondary<\/span>)<\/span><\/span>\n            }<\/span><\/span>\n            <\/span>Spacer<\/span>()<\/span><\/span>\n            <\/span>Image<\/span>(<\/span>systemName<\/span>: <\/span>"chevron.right"<\/span>)<\/span><\/span>\n                .<\/span>foregroundColor<\/span>(.<\/span>secondary<\/span>)<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>padding<\/span>(.<\/span>horizontal<\/span>)<\/span><\/span>\n        .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>10<\/span>)<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n<\/span>\n\/\/ MARK: - Amenities View (Placeholder)<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>AmenitiesView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>ScrollView<\/span> { <\/span>\/\/ Make it scrollable in case content grows<\/span><\/span>\n            <\/span>VStack<\/span> {<\/span><\/span>\n                 <\/span>Text<\/span>(<\/span>"Details about \u0423\u0434\u043e\u0431\u0441\u0442\u0432\u0430"<\/span>)<\/span><\/span>\n                     .<\/span>padding<\/span>()<\/span><\/span>\n                 <\/span>\/\/ Add actual amenity details here (Lists, Grids, etc.)<\/span><\/span>\n                 <\/span>Spacer<\/span>()<\/span><\/span>\n            }<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>navigationTitle<\/span>(<\/span>"\u0423\u0434\u043e\u0431\u0441\u0442\u0432\u0430"<\/span>) <\/span>\/\/ Standard navigation title<\/span><\/span>\n        .<\/span>navigationBarTitleDisplayMode<\/span>(.<\/span>inline<\/span>)<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ MARK: - Room Selection View<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>RoomSelectionView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> hotelName: <\/span>String<\/span><\/span>\n    <\/span>let<\/span> rooms: [Room]<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>ScrollView<\/span> {<\/span><\/span>\n            <\/span>VStack<\/span>(<\/span>spacing<\/span>: <\/span>8<\/span>) {<\/span><\/span>\n                <\/span>ForEach<\/span>(rooms) { room <\/span>in<\/span><\/span>\n                    <\/span>RoomCardView<\/span>(<\/span>room<\/span>: room)<\/span><\/span>\n                }<\/span><\/span>\n            }<\/span><\/span>\n            .<\/span>padding<\/span>(.<\/span>vertical<\/span>) <\/span>\/\/ Add padding top\/bottom inside scrollview<\/span><\/span>\n        }<\/span><\/span>\n        .<\/span>navigationTitle<\/span>(hotelName) <\/span>\/\/ Use hotel name as title<\/span><\/span>\n        .<\/span>navigationBarTitleDisplayMode<\/span>(.<\/span>inline<\/span>)<\/span><\/span>\n        .<\/span>background<\/span>(<\/span>Color<\/span>(UIColor.<\/span>systemGray6<\/span>).<\/span>ignoresSafeArea<\/span>()) <\/span>\/\/ Match background<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ MARK: - Room Card View<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>RoomCardView<\/span>: <\/span>View <\/span>{<\/span><\/span>\n    <\/span>let<\/span> room: Room<\/span><\/span>\n    <\/span>@State<\/span> <\/span>private<\/span> <\/span>var<\/span> selectedImageIndex = <\/span>0<\/span> <\/span>\/\/ Each card manages its own carousel state<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>VStack<\/span>(<\/span>alignment<\/span>: .<\/span>leading<\/span>, <\/span>spacing<\/span>: <\/span>16<\/span>) {<\/span><\/span>\n            <\/span>ImageCarouselView<\/span>(<\/span>imageUrls<\/span>: room.<\/span>imageUrls<\/span>, <\/span><\/span>\n                              <\/span>selectedIndex<\/span>: $selectedImageIndex)<\/span><\/span>\n                 .<\/span>frame<\/span>(<\/span>height<\/span>: <\/span>200<\/span>) <\/span>\/\/ Adjust height<\/span><\/span>\n                 .<\/span>clipShape<\/span>(<\/span>RoundedRectangle<\/span>(<\/span>cornerRadius<\/span>: <\/span>15<\/span>))<\/span><\/span>\n<\/span>\n            <\/span>Text<\/span>(room.<\/span>name<\/span>)<\/span><\/span>\n                 .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>22<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n<\/span>\n             <\/span>\/\/ Peculiarities (Tags)<\/span><\/span>\n            <\/span>FlexibleGridView<\/span>(<\/span>data<\/span>: room.<\/span>peculiarities<\/span>) { item <\/span>in<\/span><\/span>\n                <\/span>Text<\/span>(item)<\/span><\/span>\n                    .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                    .<\/span>foregroundColor<\/span>(.<\/span>gray<\/span>)<\/span><\/span>\n                    .<\/span>padding<\/span>(.<\/span>horizontal<\/span>, <\/span>10<\/span>)<\/span><\/span>\n                    .<\/span>padding<\/span>(.<\/span>vertical<\/span>, <\/span>5<\/span>)<\/span><\/span>\n                    .<\/span>background<\/span>(<\/span>Color<\/span>(UIColor.<\/span>systemGray6<\/span>))<\/span><\/span>\n                    .<\/span>cornerRadius<\/span>(<\/span>5<\/span>)<\/span><\/span>\n            }<\/span><\/span>\n<\/span>\n             <\/span>\/\/ Room Price<\/span><\/span>\n             <\/span>HStack<\/span>(<\/span>alignment<\/span>: .<\/span>bottom<\/span>, <\/span>spacing<\/span>: <\/span>8<\/span>) {<\/span><\/span>\n                  <\/span>Text<\/span>(<\/span>"<\/span>\\(<\/span>room.<\/span>price<\/span>)<\/span> \u20bd"<\/span>)<\/span><\/span>\n                     .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>30<\/span>, <\/span>weight<\/span>: .<\/span>semibold<\/span>))<\/span><\/span>\n                  <\/span>Text<\/span>(room.<\/span>pricePer<\/span>.<\/span>lowercased<\/span>())<\/span><\/span>\n                     .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>regular<\/span>))<\/span><\/span>\n                     .<\/span>foregroundColor<\/span>(.<\/span>secondary<\/span>)<\/span><\/span>\n                     .<\/span>padding<\/span>(.<\/span>bottom<\/span>, <\/span>4<\/span>)<\/span><\/span>\n             }<\/span><\/span>\n<\/span>\n             <\/span>\/\/ Choose Room Button<\/span><\/span>\n             <\/span>Button<\/span> {<\/span><\/span>\n                 <\/span>\/\/ Action for selecting THIS specific room<\/span><\/span>\n                 <\/span>print<\/span>(<\/span>"Selected room: <\/span>\\(<\/span>room.<\/span>name<\/span>)<\/span>"<\/span>)<\/span><\/span>\n             } <\/span>label<\/span>: {<\/span><\/span>\n                   <\/span>Text<\/span>(<\/span>"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043d\u043e\u043c\u0435\u0440"<\/span>)<\/span><\/span>\n                      .<\/span>font<\/span>(.<\/span>system<\/span>(<\/span>size<\/span>: <\/span>16<\/span>, <\/span>weight<\/span>: .<\/span>medium<\/span>))<\/span><\/span>\n                      .<\/span>foregroundColor<\/span>(.<\/span>white<\/span>)<\/span><\/span>\n                      .<\/span>frame<\/span>(<\/span>maxWidth<\/span>: .infinity)<\/span><\/span>\n                      .<\/span>padding<\/span>()<\/span><\/span>\n                      .<\/span>background<\/span>(Color.<\/span>blue<\/span>)<\/span><\/span>\n                      .<\/span>cornerRadius<\/span>(<\/span>15<\/span>)<\/span><\/span>\n             }<\/span><\/span>\n<\/span>\n        }<\/span><\/span>\n        .<\/span>padding<\/span>()<\/span><\/span>\n        .<\/span>background<\/span>(Color.<\/span>white<\/span>)<\/span><\/span>\n        .<\/span>cornerRadius<\/span>(<\/span>15<\/span>)<\/span><\/span>\n        .<\/span>padding<\/span>(.<\/span>horizontal<\/span>) <\/span>\/\/ Add horizontal space between cards and screen edge<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n<\/span>\n\/\/ MARK: - Flexible Grid View (Helper for Tags)<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>FlexibleGridView<\/span><<\/span>Data<\/span>: <\/span>Collection<\/span>, <\/span>Content<\/span>: <\/span>View<\/span>>: <\/span>View <\/span>where<\/span> Data.<\/span>Element<\/span>: <\/span>Hashable<\/span> {<\/span><\/span>\n    <\/span>let<\/span> data: Data<\/span><\/span>\n    <\/span>let<\/span> spacing: CGFloat<\/span><\/span>\n    <\/span>let<\/span> alignment: HorizontalAlignment<\/span><\/span>\n    <\/span>let<\/span> content: (Data.<\/span>Element<\/span>) -> Content<\/span><\/span>\n    <\/span>@State<\/span> <\/span>private<\/span> <\/span>var<\/span> availableWidth: CGFloat = <\/span>0<\/span><\/span>\n<\/span>\n    <\/span>init<\/span>(<\/span>data<\/span>: Data, <\/span>spacing<\/span>: CGFloat <\/span>=<\/span> <\/span>8<\/span>, <\/span>alignment<\/span>: HorizontalAlignment <\/span>=<\/span> .<\/span>leading<\/span>, @<\/span>ViewBuilder<\/span> <\/span>content<\/span>: <\/span>@escaping<\/span> (Data.<\/span>Element<\/span>) -> Content) {<\/span><\/span>\n        <\/span>self<\/span>.<\/span>data<\/span> = data<\/span><\/span>\n        <\/span>self<\/span>.<\/span>spacing<\/span> = spacing<\/span><\/span>\n        <\/span>self<\/span>.alignment = alignment<\/span><\/span>\n        <\/span>self<\/span>.<\/span>content<\/span> = content<\/span><\/span>\n    }<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n    <\/span>ZStack<\/span>(<\/span>alignment<\/span>: <\/span>Alignment<\/span>(<\/span>horizontal<\/span>: alignment, <\/span>vertical<\/span>: .<\/span>center<\/span>)) {<\/span><\/span>\n            Color.<\/span>clear<\/span><\/span>\n                .<\/span>frame<\/span>(<\/span>height<\/span>: <\/span>1<\/span>)<\/span><\/span>\n                .<\/span>readSize<\/span> { size <\/span>in<\/span><\/span>\n                    availableWidth = size.<\/span>width<\/span><\/span>\n                }<\/span><\/span>\n<\/span>\n            <\/span>_FlexibleGrid<\/span>(<\/span><\/span>\n                <\/span>availableWidth<\/span>: availableWidth,<\/span><\/span>\n                <\/span>data<\/span>: data,<\/span><\/span>\n                <\/span>spacing<\/span>: spacing,<\/span><\/span>\n                <\/span>alignment<\/span>: alignment,<\/span><\/span>\n                <\/span>content<\/span>: content<\/span><\/span>\n            )<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\nstruct<\/span> <\/span>_FlexibleGrid<\/span><<\/span>Data<\/span>: <\/span>Collection<\/span>, <\/span>Content<\/span>: <\/span>View<\/span>>: <\/span>View <\/span>where<\/span> Data.<\/span>Element<\/span>: <\/span>Hashable<\/span> {<\/span><\/span>\n    <\/span>let<\/span> availableWidth: CGFloat<\/span><\/span>\n    <\/span>let<\/span> data: Data<\/span><\/span>\n    <\/span>let<\/span> spacing: CGFloat<\/span><\/span>\n    <\/span>let<\/span> alignment: HorizontalAlignment<\/span><\/span>\n    <\/span>let<\/span> content: (Data.<\/span>Element<\/span>) -> Content<\/span><\/span>\n    <\/span>@State<\/span> <\/span>var<\/span> elementsSize: [Data.<\/span>Element<\/span>: CGSize] = [<\/span>:<\/span>]<\/span><\/span>\n<\/span>\n    <\/span>var<\/span> body: <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>VStack<\/span>(<\/span>alignment<\/span>: alignment, <\/span>spacing<\/span>: spacing) {<\/span><\/span>\n            <\/span>ForEach<\/span>(<\/span>computeRows<\/span>(), <\/span>id<\/span>: \\.<\/span>self<\/span>) { rowElements <\/span>in<\/span><\/span>\n                <\/span>HStack<\/span>(<\/span>spacing<\/span>: spacing) {<\/span><\/span>\n                    <\/span>ForEach<\/span>(rowElements, <\/span>id<\/span>: \\.<\/span>self<\/span>) { element <\/span>in<\/span><\/span>\n                        <\/span>content<\/span>(element)<\/span><\/span>\n                            .<\/span>fixedSize<\/span>()<\/span><\/span>\n                            .<\/span>readSize<\/span> { size <\/span>in<\/span><\/span>\n                                elementsSize[element] = size<\/span><\/span>\n                            }<\/span><\/span>\n                    }<\/span><\/span>\n                }<\/span><\/span>\n            }<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n<\/span>\n    <\/span>func<\/span> <\/span>computeRows<\/span>() -> [[Data.<\/span>Element<\/span>]] {<\/span><\/span>\n        <\/span>var<\/span> rows: [[Data.<\/span>Element<\/span>]] = [[]]<\/span><\/span>\n        <\/span>var<\/span> currentRow = <\/span>0<\/span><\/span>\n        <\/span>var<\/span> remainingWidth = availableWidth<\/span><\/span>\n<\/span>\n        <\/span>for<\/span> element <\/span>in<\/span> data {<\/span><\/span>\n            <\/span>let<\/span> elementSize = elementsSize[element, <\/span>default<\/span>: <\/span>CGSize<\/span>(<\/span>width<\/span>: availableWidth, <\/span>height<\/span>: <\/span>1<\/span>)]<\/span><\/span>\n<\/span>\n            <\/span>if<\/span> remainingWidth - (elementSize.<\/span>width<\/span> + spacing) >= <\/span>0<\/span> {<\/span><\/span>\n                rows[currentRow].<\/span>append<\/span>(element)<\/span><\/span>\n            } <\/span>else<\/span> {<\/span><\/span>\n                currentRow += <\/span>1<\/span><\/span>\n                rows.<\/span>append<\/span>([element])<\/span><\/span>\n                remainingWidth = availableWidth<\/span><\/span>\n            }<\/span><\/span>\n            remainingWidth -= (elementSize.<\/span>width<\/span> + spacing)<\/span><\/span>\n        }<\/span><\/span>\n        <\/span>return<\/span> rows<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n\/\/ Helper to read view size<\/span><\/span>\nstruct<\/span> <\/span>SizePreferenceKey<\/span>: <\/span>PreferenceKey <\/span>{<\/span><\/span>\n    <\/span>static<\/span> <\/span>var<\/span> defaultValue: CGSize = .<\/span>zero<\/span><\/span>\n    <\/span>static<\/span> <\/span>func<\/span> <\/span>reduce<\/span>(<\/span>value<\/span>: <\/span>inout<\/span> CGSize, <\/span>nextValue<\/span>: () -> CGSize) {}<\/span><\/span>\n}<\/span><\/span>\nextension<\/span> <\/span>View<\/span> {<\/span><\/span>\n    <\/span>func<\/span> <\/span>readSize<\/span>(<\/span>onChange<\/span>: <\/span>@escaping<\/span> (CGSize) -> <\/span>Void<\/span>) -> <\/span>some<\/span> View {<\/span><\/span>\n        <\/span>background<\/span>(<\/span><\/span>\n            <\/span>GeometryReader<\/span> { geometryProxy <\/span>in<\/span><\/span>\n                Color.<\/span>clear<\/span><\/span>\n                    .<\/span>preference<\/span>(<\/span>key<\/span>: SizePreferenceKey.<\/span>self<\/span>, <\/span>value<\/span>: geometryProxy.size)<\/span><\/span>\n            }<\/span><\/span>\n        )<\/span><\/span>\n        .<\/span>onPreferenceChange<\/span>(SizePreferenceKey.<\/span>self<\/span>, <\/span>perform<\/span>: onChange)<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n#Preview<\/span> {<\/span><\/span>\n    <\/span>ContentView<\/span>()<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
    \u041e\u0431\u044a\u044f\u0441\u043d\u0435\u043d\u0438\u0435:                          <\/h2>\n\n\n\n
    1.\u041c\u043e\u0434\u0435\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 (Hotel, Room): <\/strong>\u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0431 \u043e\u0442\u0435\u043b\u044f\u0445 \u0438 \u043d\u043e\u043c\u0435\u0440\u0430\u0445. Identifiable \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f ForEach. \u0414\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c. \u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u044c \u0438\u0437 API \u0438\u043b\u0438 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/p>\n\n\n\n
    2. HotelApp & ContentView: <\/strong>\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0442\u043e\u0447\u043a\u0430 \u0432\u0445\u043e\u0434\u0430 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 SwiftUI. ContentView \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 NavigationView \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 View (HotelDetailView) \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/p>\n\n\n\n
    3. HotelDetailView:<\/strong><\/span><\/p>\n\n\n\n