//
//  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 {
        ZStack {
            Color.init(color)
                .cornerRadius(10)
                .scaledToFit()
                .frame(maxWidth: .infinity)
                Image(systemName: image)
                    .font(.caption)
                    .frame(maxWidth: .infinity, alignment: .trailing)
                    .padding(.trailing, 6)
                    .padding(.top, 30)
            Text("\(date).")
                .font(.headline)
        }
    }
}

#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)
        }
    }
}