import QtQuick 2.15
import QtQuick.Controls 2.15
import QtGraphicalEffects 1.15

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1

import utils 1.0
import shared.panels 1.0
import shared.stores 1.0
import shared.controls 1.0

Popup {
    id: root

    signal enableGifsRequested

    anchors.centerIn: parent
    height: 278
    width: 291

    horizontalPadding: 6
    verticalPadding: 32

    modal: false
    closePolicy: Popup.NoAutoClose

    background: Rectangle {
        radius: Theme.radius
        color: Theme.palette.background
        border.color: Theme.palette.border
        layer.enabled: true
        layer.effect: DropShadow {
            verticalOffset: 3
            radius: 8
            samples: 15
            fast: true
            cached: true
            color: "#22000000"
        }
    }

    SVGImage {
        id: gifImage
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        source: Theme.svg(`gifs-${Theme.palette.name}`)
    }

    StatusBaseText {
        id: title
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: gifImage.bottom
        anchors.topMargin: 8
        text: qsTr("Enable Tenor GIFs?")
        font.weight: Font.Medium
        font.pixelSize: Theme.primaryTextFontSize
    }

    StatusBaseText {
        id: headline
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: title.bottom
        anchors.topMargin: 4

        text: qsTr("Once enabled, GIFs posted in the chat may share your metadata with Tenor.")
        width: parent.width
        horizontalAlignment: Text.AlignHCenter
        wrapMode: Text.WordWrap
        font.pixelSize: 13
        color: Theme.palette.secondaryText
    }

    StatusButton {
        id: removeBtn
        objectName: "enableGifsButton"
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        text: qsTr("Enable")

        size: StatusBaseButton.Size.Small

        onClicked: {
            root.enableGifsRequested()
            root.close()
        }
    }
}