//
//  RosterStatusView.swift
//  FantasyWatch Watch App
//
//  Created by Claude Code
//

import SwiftUI

struct RosterStatusView: View {
    let roster: RosterStatus

    var body: some View {
        List {
            HStack {
                Text("Active")
                    .font(.caption)
                Spacer()
                Text("\(roster.activeCount)")
                    .font(.body)
                    .fontWeight(.semibold)
                    .foregroundColor(.green)
            }

            HStack {
                Text("Benched")
                    .font(.caption)
                Spacer()
                Text("\(roster.benchedCount)")
                    .font(.body)
                    .fontWeight(.semibold)
                    .foregroundColor(.secondary)
            }

            HStack {
                Text("Injured Reserve")
                    .font(.caption)
                Spacer()
                Text("\(roster.injuredReserve)")
                    .font(.body)
                    .fontWeight(.semibold)
                    .foregroundColor(roster.injuredReserve > 0 ? .red : .secondary)
            }

            HStack {
                Text("Total")
                    .font(.caption)
                    .fontWeight(.semibold)
                Spacer()
                Text("\(roster.totalPlayers)")
                    .font(.body)
                    .fontWeight(.bold)
            }
        }
        .navigationTitle("Roster")
        .navigationBarTitleDisplayMode(.inline)
    }
}

#Preview {
    NavigationStack {
        RosterStatusView(roster: RosterStatus(activeCount: 10, benchedCount: 5, injuredReserve: 2))
    }
}