//
// DraggableSplitItem.swift
// Workouts
//
// Created by rzen on 7/18/25 at 2:45 PM.
//
// Copyright 2025 Rouslan Zenetl. All Rights Reserved.
//

import SwiftUI

struct DraggableSplitItem: 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)
                
                VStack {
                    // Icon in the center
                    Image(systemName: systemImageName)
                        .font(.system(size: 40, weight: .bold))
                        .offset(y: -15)
                    
                    // 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)
            }
        }
    }
}