import SwiftUI

struct ContentView: View {
    @State private var selection: Int? = nil
    @State private var showNavigationBar = false // Etat pour suivre l&#39;état de la navigation bar
    
    @State var listes: [Liste] = [
        Liste(nom: &#34;Liste 1&#34;, cartes: [
            Carte(devant: &#34;Avant 1-1&#34;, derriere: &#34;Derriere 1-1&#34;, dateProchaineRevision: Date()),
            Carte(devant: &#34;Avant 1-2&#34;, derriere: &#34;Derriere 1-2&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 3, to: Date())!),
            Carte(devant: &#34;Avant 1-3&#34;, derriere: &#34;Derriere 1-3&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 5, to: Date())!)
        ]),
        Liste(nom: &#34;Liste 2&#34;, cartes: [
            Carte(devant: &#34;Avant 2-1&#34;, derriere: &#34;Derriere 2-1&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 2, to: Date())!),
            Carte(devant: &#34;Avant 2-2&#34;, derriere: &#34;Derriere 2-2&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 4, to: Date())!),
            Carte(devant: &#34;Avant 2-3&#34;, derriere: &#34;Derriere 2-3&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 7, to: Date())!),
            Carte(devant: &#34;Avant 2-4&#34;, derriere: &#34;Derriere 2-4&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 10, to: Date())!),
            Carte(devant: &#34;Avant 2-5&#34;, derriere: &#34;Derriere 2-5&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 14, to: Date())!)
        ]),
        Liste(nom: &#34;Liste 3&#34;, cartes: [
            Carte(devant: &#34;Avant 3-1&#34;, derriere: &#34;Derriere 3-1&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 1, to: Date())!),
            Carte(devant: &#34;Avant 3-2&#34;, derriere: &#34;Derriere 3-2&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 6, to: Date())!)
        ]),
        Liste(nom: &#34;Liste 4&#34;, cartes: [
            Carte(devant: &#34;Avant 4-1&#34;, derriere: &#34;Derriere 4-1&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 8, to: Date())!),
            Carte(devant: &#34;Avant 4-2&#34;, derriere: &#34;Derriere 4-2&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 12, to: Date())!),
            Carte(devant: &#34;Avant 4-3&#34;, derriere: &#34;Derriere 4-3&#34;, dateProchaineRevision: Calendar.current.date(byAdding: .day, value: 15, to: Date())!)
        ])
    ]
    
    var body: some View {
        
        TabView(selection: $selection) {
            NavigationView {
                ScrollView {
                    LazyVGrid(columns: [GridItem(.adaptive(minimum: 150))], spacing: 20) {
                        ForEach($listes) { $liste in
                            NavigationLink(destination: AfficherUneListe(liste: $liste, showNavigationBar: $showNavigationBar)) {
                                VStack {
                                    
                                    RoundedRectangle(cornerRadius: 10)
                                        .foregroundColor(.white)
                                        .shadow(radius: 5)
                                        .overlay(
                                            VStack {
                                                Spacer()
                                                Text(&#34;\(liste.cartes.count)&#34;)
                                                    .font(.headline)
                                                    .foregroundColor(.blue)
                                                Text(liste.nom)
                                                    .font(.footnote)
                                                    .foregroundColor(.gray)
                                                Spacer()
                                                Text(liste.prochaineRevisionDansMoinsDe(99).map { &#34;\($0) jours&#34; } ?? &#34;&#34;)
                                                    .foregroundColor(.red)
                                                    .font(.system(size: 14))
                                                Spacer()
                                                
                                            }
                                        )
                                }
                                .frame(width: 150, height: 150)
                                
                            }
                            
                            
                        }
                    }
                    .navigationBarTitle(&#34;Accueil&#34;)
                    .onAppear {
                        withAnimation {
                            showNavigationBar = true
                        }
                    }
                }
            }
            
            
            .tabItem {
                Image(systemName: &#34;house&#34;)
                Text(&#34;Accueil&#34;)
            }
            .tag(0)
            
            
            
            NavigationView {
                SentrainerUIView()
                    .navigationBarTitle(&#34;Créer&#34;)
            }
            .tabItem {
                Image(systemName: &#34;play.circle&#34;)
                Text(&#34;S&#39;entrainer&#34;)
            }
            .tag(1)
            
            NavigationView {
                CreeUneListeView(listes: $listes)
                    .navigationBarTitle(&#34;Crée&#34;)
            }
            .tabItem {
                Image(systemName: &#34;plus.circle&#34;)
                Text(&#34;Créer&#34;)
            }
            .tag(2)
        }
        .navigationBarTitle(&#34;LearnIO&#34;)
        
    }
}






struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}