/*
 * Copyright (c) 2010-2023 Belledonne Communications SARL.
 *
 * This file is part of linphone-iphone
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import SwiftUI

struct PermissionsFragment: View {
	
	@ObservedObject private var sharedMainViewModel = SharedMainViewModel.shared
	
	var permissionManager = PermissionManager.shared
	
	@Environment(\.dismiss) var dismiss
	
	var body: some View {
		GeometryReader { geometry in
			ScrollView(.vertical) {
				VStack {
					ZStack {
						Image("mountain")
							.resizable()
							.scaledToFill()
							.frame(width: geometry.size.width, height: 100)
							.clipped()
						
						VStack(alignment: .leading) {
							HStack {
								Image("caret-left")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 25, height: 25, alignment: .leading)
									.padding(.top, -65)
									.onTapGesture {
										withAnimation {
											dismiss()
										}
									}
								
								Spacer()
							}
							.padding(.leading)
						}
						.frame(width: geometry.size.width)
						
						Text("Demande d’autorisations")
							.default_text_style_white_800(styleSize: 20)
							.padding(.top, 20)
					}
					.padding(.top, 35)
					.padding(.bottom, 10)
					
					Text("Pour vous permettre de vous profitez pleinement de Linphone nous avons besoin des autorisations suivantes :")
						.default_text_style(styleSize: 15)
						.multilineTextAlignment(.center)
					
					Spacer()
					
					VStack(alignment: .leading) {
						HStack {
							HStack(alignment: .center) {
								Image("bell-ringing")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 20, height: 20, alignment: .leading)
							}
							.padding(16)
							.background(Color.grayMain2c200)
							.cornerRadius(40)
							
							Text("**Notifications** : Pour vous informé quand vous recevez un message ou un appel.")
								.default_text_style(styleSize: 15)
								.padding(.leading, 10)
						}
						.padding(.bottom)
						
						HStack {
							HStack(alignment: .center) {
								Image("address-book")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 20, height: 20, alignment: .leading)
							}
							.padding(16)
							.background(Color.grayMain2c200)
							.cornerRadius(40)
							
							Text("**Contacts** : Pour vous afficher vos contacts et retrouver qui utilise Linphone.")
								.default_text_style(styleSize: 15)
								.padding(.leading, 10)
						}
						.padding(.bottom)
						
						HStack {
							HStack(alignment: .center) {
								Image("microphone")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 20, height: 20, alignment: .leading)
							}
							.padding(16)
							.background(Color.grayMain2c200)
							.cornerRadius(40)
							
							Text("**Micro** : Pour permettre à vos correspondants de vous entendre.")
								.default_text_style(styleSize: 15)
								.padding(.leading, 10)
						}
						.padding(.bottom)
						
						HStack {
							HStack(alignment: .center) {
								Image("video-camera")
									.renderingMode(.template)
									.resizable()
									.foregroundStyle(Color.grayMain2c500)
									.frame(width: 20, height: 20, alignment: .leading)
							}
							.padding(16)
							.background(Color.grayMain2c200)
							.cornerRadius(40)
							
							Text("**Camera** : Pour capturer votre vidéo lors des appels vidéo et conférence.")
								.default_text_style(styleSize: 15)
								.padding(.leading, 10)
						}
						.padding(.bottom)
					}
					.frame(maxWidth: sharedMainViewModel.maxWidth)
					.frame(maxHeight: .infinity)
					.padding(.horizontal, 20)
					
					Spacer()
					
					Button(action: {
						withAnimation {
							sharedMainViewModel.changeWelcomeView()
						}
					}, label: {
						Text("Plus tard")
							.default_text_style_orange_600(styleSize: 20)
							.frame(height: 35)
							.frame(maxWidth: .infinity)
					})
					.padding(.horizontal, 20)
					.padding(.vertical, 10)
					.cornerRadius(60)
					.overlay(
						RoundedRectangle(cornerRadius: 60)
							.inset(by: 0.5)
							.stroke(Color.orangeMain500, lineWidth: 1)
					)
					.frame(maxWidth: sharedMainViewModel.maxWidth)
					.padding(.horizontal)
					
					Button {
						permissionManager.getPermissions()
					} label: {
						Text("D'accord")
							.default_text_style_white_600(styleSize: 20)
							.frame(height: 35)
							.frame(maxWidth: .infinity)
					}
					.padding(.horizontal, 20)
					.padding(.vertical, 10)
					.background(Color.orangeMain500)
					.cornerRadius(60)
					.frame(maxWidth: sharedMainViewModel.maxWidth)
					.padding(.horizontal)
					.padding(.bottom, geometry.safeAreaInsets.bottom.isEqual(to: 0.0) ? 20 : 0)
				}
				.frame(minHeight: geometry.size.height)
			}
		}
		.navigationViewStyle(StackNavigationViewStyle())
		.navigationBarHidden(true)
		.onReceive(permissionManager.$contactsPermissionGranted, perform: { (granted) in
			if granted {
				withAnimation {
					sharedMainViewModel.changeWelcomeView()
				}
			}
		})
	}
}

#Preview {
	PermissionsFragment()
}