wip

Workouts/Views/Splits/SplitItem.swift

@@ -0,0 +1,61 @@
+//
+// DraggableSplitItem.swift
+// Workouts
+//
+// Created by rzen on 7/18/25 at 2:45 PM.
+//
+// Copyright 2025 Rouslan Zenetl. All Rights Reserved.
+//
+
+import SwiftUI
+
+struct SplitItem: View {
+    
+    var name: String
+    var color: Color
+    var systemImageName: String
+    var exerciseCount: Int
+    
+    var body: some View {
+        VStack {
+            ZStack(alignment: .bottom) {
+                // Golden ratio rectangle (1:1.618)
+                RoundedRectangle(cornerRadius: 12)
+                    .fill(
+                        LinearGradient(
+                            gradient: Gradient(colors: [color, color.darker(by: 0.2)]),
+                            startPoint: .topLeading,
+                            endPoint: .bottomTrailing
+                        )
+                    )
+                    .aspectRatio(1.618, contentMode: .fit)
+                    .shadow(radius: 2)
+                
+                GeometryReader { geo in
+                    VStack(spacing: 4) {
+                        Spacer()
+                        
+                        // Icon in the center - now using dynamic sizing
+                        Image(systemName: systemImageName)
+                            .font(.system(size: min(geo.size.width * 0.3, 40), weight: .bold))
+                            .scaledToFit()
+                            .frame(maxWidth: geo.size.width * 0.6, maxHeight: geo.size.height * 0.4)
+                            .padding(.bottom, 4)
+                        
+                        // Name at the bottom inside the rectangle
+                        Text(name)
+                            .font(.headline)
+                            .lineLimit(1)
+                            .padding(.horizontal, 8)
+
+                        Text("\(exerciseCount) exercises")
+                            .font(.caption)
+                            .padding(.bottom, 8)
+                    }
+                    .foregroundColor(.white)
+                    .frame(width: geo.size.width, height: geo.size.height)
+                }
+            }
+        }
+    }
+}