//
//  DayView.swift
//  TrashTrack
//
//  Created by Oliver Hnát on 12.01.2024.
//

import SwiftUI

struct DayWidgetInfo {
}

struct DayView: View {
    var image: String
    var dayOfTheWeek: String
    var date: Int
    var color: Color
    var body: some View {
        GeometryReader { geometry in
            ZStack {
                Color.init(color)
//                    .cornerRadius(10)
                    .frame(maxWidth: .infinity)
                
                Text("\(date).")
                    .font(.headline)
                VStack {
                    Spacer()
                    HStack(alignment: .bottom) {
                        Spacer()
                        Image(systemName: image)
                        //                        .padding([.bottom, .trailing])
                            .font(.caption)
                            .frame(maxWidth: .infinity, alignment: .trailing)
                    }
                }
            }
        }
        .aspectRatio(1.0, contentMode: .fit)
    }
}

#Preview {
    VStack {
        HStack {
            DayView(image: "tree", dayOfTheWeek: "Mon", date: 31, color: .green)
            DayView(image: "newspaper", dayOfTheWeek: "Tue", date: 31, color: .blue)
            DayView(image: "waterbottle", dayOfTheWeek: "Wed", date: 31, color: .orange)
            DayView(image: "trash", dayOfTheWeek: "Thu", date: 31, color: .gray)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
        }
        HStack {
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
        }
        HStack {
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
        }
        HStack {
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
        }
        HStack {
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
            DayView(image: "tree", dayOfTheWeek: "Mo", date: 31, color: .green)
        }
    }
}