//
//  PlaylistView.swift
//  Music Tools
//
//  Created by Andy Pack on 16/02/2020.
//  Copyright © 2020 Sarsoo. All rights reserved.
//

import SwiftUI

struct PlaylistView: View {
    var playlist: Playlist
    @State private var recommendations: Bool = false
    @State private var library_Tracks: Bool = false
    
    var body: some View {
        
        VStack(alignment: .leading) {
            Text(playlist.name)
                .font(.largeTitle)
                .multilineTextAlignment(.leading)
            Text(playlist.username)
                .foregroundColor(Color.gray)
            Image("PlaylistCoverImage")
                    .resizable()
                    .frame(width: 200.0, height: 200.0, alignment: .trailing)
                    .cornerRadius(18)
                    .padding(.bottom, 20)
            
            Toggle(isOn: $recommendations) {
                Text("Spotify Recommendations")
            }
            
            if $recommendations.wrappedValue {
                Stepper(value: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Value@*/.constant(4)/*@END_MENU_TOKEN@*/, in: /*@START_MENU_TOKEN@*//*@PLACEHOLDER=Range@*/1...10/*@END_MENU_TOKEN@*/){
                    Text("#:")
                        .foregroundColor(Color.gray)
                        .multilineTextAlignment(.trailing)
                        .padding(.leading, 20)
                    Text("100")
                        .multilineTextAlignment(.trailing)
                    
                }
            }
            
            Toggle(isOn: $library_Tracks) {
                Text("Library Tracks")
            }
        }
        .padding()
        .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .topLeading)
        .onAppear {
            self.$recommendations.wrappedValue = self.playlist.include_recommendations
            self.$library_Tracks.wrappedValue = self.playlist.include_library_tracks
        }
    }
}

struct PlaylistView_Previews: PreviewProvider {
    static var previews: some View {
        PlaylistView(playlist:
            Playlist(name: "playlist name",
                     uri: "uri",
                     username: "username",
                     
                     include_recommendations: true,
                     recommendation_sample: 5,
                     include_library_tracks: true,
                     
                     parts: ["name"],
                     playlist_references: ["ref name"],
                     
                     shuffle: true)
        )
    }
}