Nextcloud-Cookbook-iOS/Nextcloud Cookbook iOS Client/Views/RecipeDetailView.swift

//
//  RecipeDetailView.swift
//  Nextcloud Cookbook iOS Client
//
//  Created by Vincent Meilinger on 15.09.23.
//

import Foundation
import SwiftUI


struct RecipeDetailView: View {
    @ObservedObject var viewModel: MainViewModel
    @State var recipe: Recipe
    @State var recipeDetail: RecipeDetail?
    @State var recipeImage: UIImage?
    @State var showTitle: Bool = false
    var body: some View {
        ScrollView(showsIndicators: false) {
            VStack(alignment: .leading) {
                if let recipeImage = recipeImage {
                    Image(uiImage: recipeImage)
                        .resizable()
                        .aspectRatio(contentMode: .fill)
                        .frame(height: 300)
                        .clipped()
                } else {
                    Color.blue
                        .frame(height: 300)
                }
                
                if let recipeDetail = recipeDetail {
                    LazyVStack (alignment: .leading) {
                        Divider()
                        Text(recipeDetail.name)
                            .font(.title)
                            .bold()
                            .padding()
                            .onDisappear {
                                showTitle = true
                            }
                            .onAppear {
                                showTitle = false
                            }
                        Divider()
                        RecipeYieldSection(recipeDetail: recipeDetail)
                        RecipeDurationSection(recipeDetail: recipeDetail)
                        if(!recipeDetail.recipeIngredient.isEmpty) {
                            RecipeIngredientSection(recipeDetail: recipeDetail)
                        }
                        if(!recipeDetail.tool.isEmpty) {
                            RecipeToolSection(recipeDetail: recipeDetail)
                        }
                        if(!recipeDetail.recipeInstructions.isEmpty) {
                            RecipeInstructionSection(recipeDetail: recipeDetail)
                        }
                    }.padding(.horizontal, 5)
                    
                }
            }
        }
        .navigationBarTitleDisplayMode(.inline)
        .navigationTitle(showTitle ? recipe.name : "")
        .task {
            recipeDetail = await viewModel.loadRecipeDetail(recipeId: recipe.recipe_id)
            recipeImage = await viewModel.loadImage(recipeId: recipe.recipe_id, full: true)
        }
        .refreshable {
            recipeDetail = await viewModel.loadRecipeDetail(recipeId: recipe.recipe_id, needsUpdate: true)
            recipeImage = await viewModel.loadImage(recipeId: recipe.recipe_id, full: true, needsUpdate: true)
        }
        
    }
}

struct RecipeYieldSection: View {
    @State var recipeDetail: RecipeDetail
    var body: some View {
        HStack {
            Text("Servings: \(recipeDetail.recipeYield)")
            Spacer()
        }.padding()
            .background(Color("accent"))
            .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

struct RecipeDurationSection: View {
    @State var recipeDetail: RecipeDetail
    
    var body: some View {
        HStack {
            if let prepTime = recipeDetail.prepTime {
                VStack {
                    SecondaryLabel(text: "Prep time")
                    Text(formatDate(duration: prepTime))
                        .lineLimit(1)
                }.padding()
                .frame(maxWidth: .infinity)
                .background(Color("accent"))
                .clipShape(RoundedRectangle(cornerRadius: 10))
            }
            
            if let cookTime = recipeDetail.cookTime {
                VStack {
                    SecondaryLabel(text: "Cook time")
                    Text(formatDate(duration: cookTime))
                        .lineLimit(1)
                }.padding()
                .frame(maxWidth: .infinity)
                .background(Color("accent"))
                .clipShape(RoundedRectangle(cornerRadius: 10))
            }
            
            if let totalTime = recipeDetail.totalTime {
                VStack {
                    SecondaryLabel(text: "Total time")
                    Text(formatDate(duration: totalTime))
                        .lineLimit(1)
                }.padding()
                .frame(maxWidth: .infinity)
                .background(Color("accent"))
                .clipShape(RoundedRectangle(cornerRadius: 10))
            }
        }
    }
}


struct RecipeIngredientSection: View {
    @State var recipeDetail: RecipeDetail
    var body: some View {
        VStack(alignment: .leading) {
            HStack {
                SecondaryLabel(text: "Ingredients")
                Spacer()
            }
            ForEach(recipeDetail.recipeIngredient, id: \.self) { ingredient in
                Text("\u{2022} \(ingredient)")
                    .multilineTextAlignment(.leading)
                    .padding(4)
            }
        }.padding()
        .frame(maxWidth: .infinity)
        .background(Color("accent"))
        .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

struct RecipeToolSection: View {
    @State var recipeDetail: RecipeDetail
    var body: some View {
        VStack(alignment: .leading) {
            HStack {
                SecondaryLabel(text: "Tools")
                Spacer()
            }
            ForEach(recipeDetail.tool, id: \.self) { tool in
                Text("\u{2022} \(tool)")
                    .multilineTextAlignment(.leading)
                    .padding(4)
            }
        }.padding()
        .frame(maxWidth: .infinity)
        .background(Color("accent"))
        .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

struct RecipeInstructionSection: View {
    @State var recipeDetail: RecipeDetail
    var body: some View {
        VStack(alignment: .leading) {
            HStack {
                SecondaryLabel(text: "Instructions")
                Spacer()
            }
            ForEach(0..<recipeDetail.recipeInstructions.count) { ix in
                HStack(alignment: .top) {
                    Text("\(ix+1).")
                    Text("\(recipeDetail.recipeInstructions[ix])")
                }.padding(4)
            }
        }.padding()
        .background(Color("accent"))
        .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}




struct SecondaryLabel: View {
    let text: String
    var body: some View {
        Text(text)
            .foregroundColor(.secondary)
            .font(.headline)
            .padding(.vertical, 5)
    }
}