Untitled

import SwiftUI
struct TotalOrderRow: View {
    let order: ProductOrder
    
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {

            HStack{
                VStack(alignment: .leading, spacing: 0){
                    VStack (spacing:10){
                        HStack {
                            Text(order.name)
                                .font(Font.custom("Plus Jakarta Sans", size: 16).weight(.bold))
                                .foregroundColor(.green)
                            Image("TotalOrder")
                            
                            Text(order.phone)
                                .font(Font.custom("Plus Jakarta Sans", size: 16).weight(.bold))
                                .foregroundColor(.green)
                        }
                    }
                    
                    
                    HStack{
                      
                            Image("Google_Calendar ")
                            Text(order.date)
                                .foregroundColor(Color(hex: "#03324B"))
                                .font(Font.custom("Plus Jakarta Sans", size: 12).weight(.regular))
                            //                    .foregroundColor(.green)
                            //                    .fontWeight(.bold)
                                
                        
                    }
                    .padding(.top,10)
                    
                    
                    HStack {
                        Image("Magnetic_Card")
                        Text("Payment Status - ")
                            .font(Font.custom("Plus Jakarta Sans", size: 12).weight(.regular))
                        //                    .font(.subheadline)
                            .foregroundColor(Color(hex: "#03324B"))
                        Text(order.paymentStatus)
                            .font(Font.custom("Plus Jakarta Sans", size: 12).weight(.semibold))
                            .foregroundColor(order.isPaid ? Color(hex: "#32CD32") : Color(hex: "#966422"))
                            .foregroundColor(order.isDelivered ? Color(hex: "#32CD32") : Color(hex: "#966422"))
                            .fontWeight(.semibold)
                    }
                    .padding(.top,4)
                    
                    HStack {
                        //  Image("Transit")
                        Image("Transit")
                        Text("Delivery Status - ")
                            .foregroundColor(Color(hex: "#03324B"))
                        
                            .font(Font.custom("Plus Jakarta Sans", size: 12).weight(.regular))
                        //                    .font(.subheadline)
                        Text(order.deliveryStatus)
                            .font(Font.custom("Plus Jakarta Sans", size: 12).weight(.semibold))
                        
                        // .foregroundColor(order.isDelivered ? .green : .orange)
                            .foregroundColor(order.isDelivered ? Color(hex: "#32CD32") : Color(hex: "#966422"))
                            .fontWeight(.semibold)
                    }
                    .padding(.top,4)
                    //.padding(.vertical,10)
                    
//            HStack {
//                Text(order.name)
//                    .font(Font.custom("PlusJakartaSans", size: 16).weight(.bold))
//                    .foregroundColor(.green)
//                Text("•")
//                    .foregroundColor(.blue)
//                Text(order.phone)
//                    .font(Font.custom("PlusJakartaSans", size: 16).weight(.bold))
//                    .foregroundColor(.green)
//
//                
//                }
               
                }.padding()

                Spacer()

                    VStack{
                    Spacer()
                    Text(order.prices)
                    
                 
                        .font(Font.custom("Plus Jakarta Sans", size: 16).weight(.bold))
                    
                        .foregroundColor(.green)
                    Spacer()
                    }.padding()
            }

        }
        
        .frame(height: 114)
        //.frame(maxWidth: .infinity)
        .background(Color(hex: "#E9F9EF"))
      
        .overlay(
                  RoundedRectangle(cornerRadius: 10)
                      .stroke(Color(hex: "#BAEDCD"), lineWidth: 2) // Border color and width
                 
                     
                    
                     
      
              )
      
        
        
    }
}

struct ProductOrder: Identifiable {
    let id = UUID()
    let name: String
    let phone: String
    let date: String
    let paymentStatus: String
    let deliveryStatus: String
    let prices: String
    let isPaid: Bool
    let isDelivered: Bool
}
//struct TotalOrder_Previews: PreviewProvider {
//    static var previews: some View {
//        TotalOrder()
//    }
//}