import QtQuick 2.12
import QtGraphicalEffects 1.12

Item {
    property var provider
    property bool selected: false

    width: parent.width * 0.9
    height: parent.height * 0.07
    anchors.right: parent.right
    DropShadow {
        anchors.fill: selector
        verticalOffset: 5
        //horizontalOffset: 5
        samples: 20
        color: "black"
        opacity: 0.5
        source: selector
        visible: selected ? true : false
    }
    Rectangle {
        id: selector
        color: "white"
        height: parent.height
        width: parent.width * 0.95
        //anchors.fill: parent
        visible: selected ? true : false
        radius: 10
    }
    Row {
        anchors.fill: parent
        Item {
            height: parent.height
            width: parent.width * 0.09
        }
        Item {
            anchors.verticalCenter: parent.verticalCenter
            height: 40
            width: 40
            Image {
                anchors.fill: parent
                id: logo
                source: provider.logo
                //y: parent.y + (parent.height / 2) - height / 2
                //anchors.top: parent.verticalCenter
                // anchors.verticalCenter: text.verticalCenter
                //sourceSize.height: 50
                //sourceSize.width: 50
            }
            ColorOverlay {
                anchors.fill: logo
                source: logo
                color: selected ? "#3c3c3c" : "#99afb4"
            }
        }
        Item {
            height: parent.height
            width: parent.width * 0.07
        }
        Text {
            id: text
            font.pointSize: 12
            text: provider.name
            color: selected ? "#3c3c3c" : "#99afb4"
            anchors.verticalCenter: parent.verticalCenter
            anchors.verticalCenterOffset: 4
            //verticalAlignment: Text.AlignVCenter
            //height: parent.height
        }
    }
}