// Copyright (C) 2023 The Qt Company Ltd.
// Copyright (C) 2024 Automotive Grade Linux
// SPDX-License-Identifier: GPL-3.0+

import QtQuick
import QtQuick.Controls.Fusion
import QtQuick.Layouts
import QtMultimedia
import Config

Item {
    id: root
    implicitHeight: 40

    required property MediaPlayer mediaPlayer
    property alias isMediaSliderPressed: mediaSlider.pressed

    RowLayout {
        anchors.fill: root
        anchors.leftMargin: 200
        anchors.rightMargin: 200

        Label {
            id: mediaTime
            color: Config.secondaryColor
            font.bold: true
            property int mediaTimePosition
            mediaTimePosition: root.mediaPlayer.position
            onMediaTimePositionChanged : {
                const h = Math.floor(mediaTimePosition / 3600000).toString()
                const m = Math.floor(mediaTimePosition / 60000).toString()
                const s = Math.floor(mediaTimePosition / 1000 - m * 60).toString()
                text = `${h.padStart(2,'0')}:${m.padStart(2,'0')}:${s.padStart(2, '0')}`
            }
        }

        CustomSlider {
            id: mediaSlider
            backgroundColor: !Config.activeTheme ? "white" : "#41CD52"
            backgroundOpacity: !Config.activeTheme ? 0.8 : 0.2
            enabled: root.mediaPlayer.seekable
            to: 1.0
            value: root.mediaPlayer.position / root.mediaPlayer.duration

            Layout.fillWidth: true

            onMoved: root.mediaPlayer.setPosition(value * root.mediaPlayer.duration)
        }

        Label {
            id: durationTime
            color: Config.secondaryColor
            font.bold: true
            property int durationTimePosition
            durationTimePosition: root.mediaPlayer.duration
            onDurationTimePositionChanged : {
                const h = Math.floor(durationTimePosition / 3600000).toString()
                const m = Math.floor(durationTimePosition / 60000).toString()
                const s = Math.floor(durationTimePosition / 1000 - m * 60).toString()
                text = `${h.padStart(2,'0')}:${m.padStart(2,'0')}:${s.padStart(2, '0')}`
            }

        }

    }
}