berkeley-mobile-ios/berkeley-mobile/Home/Guides/GuideDetailView.swift at c6145d636005ff1208ff10fe152d8d77d5ed8303 · asuc-octo/berkeley-mobile-ios · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
//
//  GuideDetailView.swift
//  berkeley-mobile
//
//  Created by Justin Wong on 10/27/25.
//  Copyright © 2025 ASUC OCTO. All rights reserved.
//

import SwiftUI

struct GuideDetailView: View {
    @Environment(GuidesViewModel.self) private var viewModel

    var guide: Guide

    var body: some View {
        List(guide.places) { place in
            Section {
                GuideDetailRowHeaderView(place: place)
                Text(place.description)
                    .foregroundStyle(.secondary)
                    .font(Font(BMFont.regular(15)))
                    .padding()
            }
            .listRowSpacing(10)
            .listRowInsets(EdgeInsets())
            .listRowSeparator(.hidden)
        }
        .scrollContentBackground(.hidden)
        .toolbar {
            ToolbarItem(placement: .principal) {
                VStack {
                    Text(guide.name)
                        .bold()
                    Text("^[\(guide.places.count) Place](inflect: true)")
                        .font(.caption)
                }
                .padding(.top, 10)
            }
        }
    }
}


// MARK: - GuideDetailRowHeaderView

struct GuideDetailRowHeaderView: View {
    @Environment(GuidesViewModel.self) private var viewModel

    var place: GuidePlace

    @State private var isPresentingWebView = false

    var body: some View {
        ZStack {
            BMCachedAsyncImageView(imageURL: place.imageURL, aspectRatio: .fill)
                .frame(maxWidth: 370)
                .frame(height: 220)
                .clipped()

            VStack {
                Spacer()

                HStack(spacing: 10) {
                    VStack(alignment: .leading, spacing: 4) {
                        Text(place.name)
                            .font(Font(BMFont.bold(20)))

                        DistanceLabelView(distance: place.distanceToUser)
                    }

                    Spacer()

                    if place.hasWebsite {
                        GuideDetailRowActionItemView(systemName: "link", backgroundColor: .purple) {
                            isPresentingWebView.toggle()
                        }
                    }

                    if place.hasPhoneNumber {
                        GuideDetailRowActionItemView(systemName: "phone", backgroundColor: .green) {
                            viewModel.call(place)
                        }
                    }

                    if place.hasCoordinate {
                        GuideDetailRowActionItemView(systemName: "map", backgroundColor: .blue) {
                            viewModel.openPlaceInMaps(for: place)
                        }
                    }
                }
                .frame(maxWidth: .infinity)
                .padding()
                .frame(height: 50)
                .background(.ultraThinMaterial)
            }
        }
        .fullScreenCover(isPresented: $isPresentingWebView) {
            if let urlString = place.websiteURLString,
               let url = URL(string: urlString) {
                SafariWebView(url: url)
            }
        }
    }
}

// MARK: - GuideDetailRowActionItemView

struct GuideDetailRowActionItemView: View {
    var systemName: String
    var backgroundColor: Color
    var actionHandler: () -> Void

    var body: some View {
        Image(systemName: systemName)
            .foregroundStyle(.white)
            .fontWeight(.semibold)
            .padding(6)
            .background(backgroundColor)
            .clipShape(RoundedRectangle(cornerRadius: 10))
            .onTapGesture {
                actionHandler()
            }
    }
}