Untitled

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

            HStack{
                VStack(alignment: .leading, spacing: 8){
                    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)
                    }
                    
                    
                    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)
                    }
                    
                    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)
                    }

                    
            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)

                
                }
               
                }

                Spacer()

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

        }.frame(maxWidth: .infinity)
        .padding()

        .background(Color(hex: "#E9F9EF"))
        
        .overlay(
                  RoundedRectangle(cornerRadius: 6)
                      .stroke(Color.green, lineWidth: 1) // Border color and width
                
                      .frame(maxWidth: .infinity)
                      .frame(maxHeight: .infinity)
      
              )
        
    }
}

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()
//    }
//}