//
// Swiftfin is subject to the terms of the Mozilla Public
// License, v2.0. If a copy of the MPL was not distributed with this
// file, you can obtain one at https://mozilla.org/MPL/2.0/.
//
// Copyright (c) 2022 Jellyfin & Jellyfin Contributors
//

import JellyfinAPI
import SwiftUI

struct ItemPortraitMainView: View {

    @EnvironmentObject
    var itemRouter: ItemCoordinator.Router
    @EnvironmentObject
    private var viewModel: ItemViewModel

    // MARK: portraitHeaderView

    var portraitHeaderView: some View {
        ImageView(
            viewModel.item.getBackdropImage(maxWidth: Int(UIScreen.main.bounds.width)),
            blurHash: viewModel.item.getBackdropImageBlurHash()
        )
        .opacity(0.4)
        .blur(radius: 2.0)
        .accessibilityIgnoresInvertColors()
    }

    // MARK: portraitStaticOverlayView

    var portraitStaticOverlayView: some View {
        PortraitHeaderOverlayView()
            .environmentObject(viewModel)
    }

    // MARK: body

    var body: some View {
        VStack(alignment: .leading) {
            // MARK: ParallaxScrollView

            ParallaxHeaderScrollView(
                header: portraitHeaderView,
                staticOverlayView: portraitStaticOverlayView,
                overlayAlignment: .bottomLeading,
                headerHeight: UIScreen.main.bounds.width * 0.5625
            ) {
                VStack {
                    Spacer()
                        .frame(height: 70)

                    ItemViewBody()
                        .environmentObject(viewModel)
                }
            }
        }
    }
}