import QtQuick 2.5
import QtQuick.Controls 2.4
import QtQuick.Layouts 1.2
import QtPositioning 5.6

Item {
    id: root
    property bool checked: false
    property alias searchResInstruction: instructionLabel
    property alias searchResDistance: distanceLabel
    //property alias searchResIndex: indexLabel
    property var searchResCoordinate : QtPositioning.coordinate(0,0)

    width: parent.width-10
    height: instructionLabel.height * 1.0
   // anchors.margins: 5

    //RowLayout
    Rectangle{
        id: searchresItem
        //x:10
        width: 360-10*2-20-20; height: 70
        color:"transparent"

        Image {
            id: itemIconImg
            //x:5;
            y:10
            width: 20; height:25
            source:"../resources/dingwei.png"
        }
//        Label {  //序号项需要重新计算排序后的ID 耗时 所以不显示了
//            id: indexLabel
//            x:70; y:0
//            width:40; height:50
//            verticalAlignment: Text.AlignVCenter
//        }
        Label {
            id: instructionLabel
            x:25; y:0
            width:220; height:70
            color: "#555555"
            font.pixelSize: 15
            verticalAlignment: Text.AlignVCenter
            wrapMode: Text.Wrap
        }
        Label {
            id: distanceLabel
            x:360-10-26-20-5-40-15; y:0
            width:40; height:70
            color:"#B1B1B1"
            font.pixelSize: 13
            verticalAlignment: Text.AlignVCenter
        }

        MouseArea {
             anchors.fill: parent
             onClicked:
             {
                 map.center.latitude  = searchResCoordinate.latitude
                 map.center.longitude = searchResCoordinate.longitude
                 searchResListView.neededShow=false
                 searchResListView.visible = false
                 map.changeSearchItemCoord(map.center)
                 map.setSearchItemVisible(true)

                 // 显示按钮
                 daohangBtn.visible=true
                 myLocateBtn.visible=true
             }
        }

    }


    Button {
        id: dhBtn
        x:360-10-26-20-10; y:22
        width:26; height:26
        background:Rectangle{
            implicitHeight: dhBtn.height
            implicitWidth:  dhBtn.width
            color: "transparent"  //设置背景透明，否则会出现默认的白色背景
            BorderImage{  //按钮的背景图片
                anchors.fill: parent
                source:"../resources/daohang-2.png"
              //  source: control.hovered ? (control.pressed ? pressPic : hoverPic) : nomerPic;
            }
        }
        onClicked: {
            // 隐藏搜索结果界面
            searchResListView.visible=false
            searchResListView.neededShow=false
            // 用我的位置作为起点，用选中位置做终点 默认开车 计算路线
            var _s=map.getMyLocalePos()
            var _e=QtPositioning.coordinate(searchResCoordinate.latitude, searchResCoordinate.longitude)

            console.log("根据搜索结果 计算路线。。。 ",  _s,_e)
            navigatePage.calculateRoute(_s, _e)

            searchPage.visible=false
            navigatePage.visible=true
            navigatePage.setStartPos(qsTr("我的位置"))
            navigatePage.setEndPos(instructionLabel.text.split(",")[0])
            navigatePage.startPos=_s
            navigatePage.endPos=_e
            console.log("@@@  navigatePage.endPos= ", navigatePage.endPos)
            map.changeStartPointCoord(_s)
            map.changeEndPointCoord(_e)
            map.setStartPointVisible(true)
            map.setEndPointVisible(true)

            // 搜索栏后台不用查找
            geocodeModel.searchFlag=false


            // 按钮显隐
            daohangBtn.visible=false
            myLocateBtn.visible=true
        }

    }

    Rectangle {
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: 10
        height: 1
        color: "#C8C8C8" //"gray"
    }
}