//
//  SecurityImageSelection.qml
//  qml/hifi/commerce/wallet
//
//  SecurityImageSelection
//
//  Created by Zach Fox on 2017-08-17
//  Copyright 2017 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//

import Hifi 1.0 as Hifi
import QtQuick 2.5
import QtQuick.Controls 1.4
import "../../../styles-uit"
import "../../../controls-uit" as HifiControlsUit
import "../../../controls" as HifiControls

// references XXX from root context

Item {
    HifiConstants { id: hifi; }

    id: root;

    Hifi.QmlCommerce {
        id: commerce;
        onSecurityImageResult: {
            if (imageID > 0) {
                for (var itr = 0; itr < gridModel.count; itr++) {
                    var thisValue = gridModel.get(itr).securityImageEnumValue;
                    if (thisValue === imageID) {
                        securityImageGrid.currentIndex = itr;
                        break;
                    }
                }
            }
        }
    }

    Component.onCompleted: {
        commerce.getSecurityImage();
    }

    SecurityImageModel {
        id: gridModel;
    }

    GridView {
        id: securityImageGrid;
        clip: true;
        // Anchors
        anchors.fill: parent;
        currentIndex: -1;
        cellWidth: width / 3;
        cellHeight: height / 2;
        model: gridModel;
        delegate: Item {
            width: securityImageGrid.cellWidth;
            height: securityImageGrid.cellHeight;
            Item {
                anchors.fill: parent;
                Image {
                    width: parent.width - 8;
                    height: parent.height - 8;
                    source: sourcePath;
                    anchors.horizontalCenter: parent.horizontalCenter;
                    anchors.verticalCenter: parent.verticalCenter;
                    fillMode: Image.PreserveAspectFit;
                    mipmap: true;
                }
            }
            MouseArea {
                anchors.fill: parent;
                propagateComposedEvents: false;
                onClicked: {
                    securityImageGrid.currentIndex = index;
                }
            }
        }
        highlight: Rectangle {
                width: securityImageGrid.cellWidth;
                height: securityImageGrid.cellHeight;
                color: hifi.colors.blueHighlight;
            }
    }

    //
    // FUNCTION DEFINITIONS START
    //
    signal sendToScript(var message);

    function getImagePathFromImageID(imageID) {
        return (imageID ? gridModel.getImagePathFromImageID(imageID) : "");
    }

    function getSelectedImageIndex() {
        return gridModel.get(securityImageGrid.currentIndex).securityImageEnumValue;
    }
    //
    // FUNCTION DEFINITIONS END
    //
}