import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import FluentUI.Controls
import FluentUI.impl
import "../base"

MyDialogWindow {
    id: dia_newproject
    title: "搜索周边"
    property var p_show_result: false

    Rectangle {
        id: near_container
        implicitWidth: 610
        implicitHeight: 230

        color: "transparent"
        ColumnLayout{
            anchors.fill: parent
            anchors.leftMargin: 10
            anchors.topMargin: 10
            anchors.rightMargin: 10
            RowLayout{
                spacing: 20
                Layout.fillWidth: true
                TextBox{
                    Layout.preferredWidth: 400
                    Layout.preferredHeight: 44
                    placeholderText: "请输入搜索内容"
                }
                ComboBox{
                    Layout.preferredWidth: 170
                    Layout.preferredHeight: 44
                    model: ListModel {
                        ListElement { text: "附近0.5公里" }
                        ListElement { text: "附近1公里" }
                        ListElement { text: "附近2公里" }
                        ListElement { text: "附近3公里" }
                        ListElement { text: "附近4公里" }
                        ListElement { text: "附近5公里" }
                    }
                }
            }

            Label{
                Layout.topMargin: 15
                text: "选择类型："
                color: "#9E9E9E"
            }

            RowLayout{
                Layout.preferredHeight: 40
                Layout.topMargin: -20
                Item{
                    Layout.fillWidth: true
                    RowLayout{
                        RadioButton {
                            text: "陆港"
                            checked: true
                            FluentUI.primaryColor: "#77ED8B"
                        }
                        Image{
                            source: "qrc:/qt/qml/Gallery/res/image/components/ico_lg.png"
                            Layout.preferredHeight: 15
                            Layout.preferredWidth: 15
                        }
                    }
                }
                Item{
                    Layout.fillWidth: true
                    RowLayout{
                        RadioButton {
                            text: "充换电站"
                            checked: false
                            FluentUI.primaryColor: "#77ED8B"
                        }
                        Image{
                            source: "qrc:/qt/qml/Gallery/res/image/components/ico_tp_ele.png"
                            Layout.preferredHeight: 15
                            Layout.preferredWidth: 15
                        }
                    }
                }
                Item{
                    Layout.fillWidth: true
                    RowLayout{
                        RadioButton {
                            text: "补能站"
                            checked: false
                            FluentUI.primaryColor: "#77ED8B"
                        }
                        Image{
                            source: "qrc:/qt/qml/Gallery/res/image/components/ico_tp_h2.png"
                            Layout.preferredHeight: 15
                            Layout.preferredWidth: 15
                        }
                    }
                }
                Item{
                    Layout.fillWidth: true
                    RowLayout{
                        RadioButton {
                            text: "住宿"
                            checked: false
                            FluentUI.primaryColor: "#77ED8B"
                        }
                        Image{
                            source: "qrc:/qt/qml/Gallery/res/image/components/ico_zs.png"
                            Layout.preferredHeight: 15
                            Layout.preferredWidth: 15
                        }
                    }
                }
                Item{
                    Layout.fillWidth: true
                    RowLayout{
                        RadioButton {
                            text: "餐饮"
                            checked: false
                            FluentUI.primaryColor: "#77ED8B"
                        }
                        Image{
                            source: "qrc:/qt/qml/Gallery/res/image/components/ico_cy.png"
                            Layout.preferredHeight: 15
                            Layout.preferredWidth: 15
                        }
                    }
                }
            }

            // Item{
            //     Layout.fillHeight: true
            // }

            Rectangle{
                Layout.fillWidth: true
                Layout.preferredHeight: 60
                color: "#1b1b1b"
                Layout.topMargin: 10
                Layout.leftMargin: -20
                Layout.rightMargin: -20
                Layout.bottomMargin: 4
                RowLayout{
                    anchors.fill: parent
                    anchors.leftMargin: 20
                    anchors.rightMargin: 20
                    spacing: 20
                    Button{
                        Layout.fillWidth: true
                        Layout.preferredHeight: 36
                        text: "取消"
                        onClicked: {
                            dia_newproject.close()
                        }
                    }
                    Button{
                        Layout.fillWidth: true
                        Layout.preferredHeight: 36
                        text: "确认"
                        highlighted: true
                        background: Rectangle{
                            radius: 5
                            gradient: Gradient {
                                orientation: Gradient.Horizontal
                                GradientStop { position: 0.0; color: "#77ED8B" }
                                GradientStop { position: 1.0; color: "#22C55E" }
                            }
                        }
                        onClicked: {
                            near_container.implicitHeight = 230 + 300
                            p_show_result = true
                        }
                    }
                }
            }

            ScrollView{
                visible: p_show_result
                Layout.fillWidth: true
                // Layout.fillHeight: true
                Layout.preferredHeight: 300
                Layout.topMargin: -20

                ColumnLayout{
                    anchors.left: parent.left
                    anchors.right: parent.right

                    Repeater{
                        model: ListModel{
                            ListElement{
                                title: "迎宾餐馆（天台路店）迎宾餐馆（天台路店）迎宾餐馆（天台路店）"
                                address: "内蒙古自治区通辽市科尔沁左翼中旗图布信苏木乡421号600室内蒙古自治区通辽市科尔沁左翼中旗图布信苏木乡421号600室"
                                phone: "333-62752114"
                            }
                            ListElement{
                                title: "迎宾餐馆（天台路店）"
                                address: "内蒙古自治区通辽市科尔沁左翼中旗图布信苏木乡421号600室"
                                phone: "333-62752114"
                            }
                            ListElement{
                                title: "迎宾餐馆（天台路店）"
                                address: "内蒙古自治区通辽市科尔沁左翼中旗图布信苏木乡421号600室"
                                phone: "333-62752114"
                            }
                            ListElement{
                                title: "迎宾餐馆（天台路店）"
                                address: "内蒙古自治区通辽市科尔沁左翼中旗图布信苏木乡421号600室"
                                phone: "333-62752114"
                            }
                        }

                        Rectangle{
                            id: res_rect
                            Layout.preferredHeight: 83
                            Layout.preferredWidth: parent.width
                            color: Qt.rgba(1, 1, 1, 0.05)
                            radius: 8
                            Row{
                                anchors.fill: parent
                                anchors.leftMargin: 8
                                anchors.topMargin: 10
                                anchors.rightMargin: 5
                                anchors.bottomMargin: 5
                                Column{
                                    spacing: 3
                                    anchors.left: parent.left
                                    anchors.top: parent.top
                                    anchors.bottom: parent.bottom
                                    Label{
                                        text: model.title
                                        font.pointSize: 12
                                        elide: Text.ElideRight
                                        width: res_rect.width - 180
                                    }
                                    Label{
                                        anchors.top: parent.top
                                        anchors.topMargin: 33
                                        text: model.address
                                        font.pointSize: 10
                                        color: Qt.rgba(1, 1, 1, 0.6)
                                        elide: Text.ElideRight
                                        width: res_rect.width - 180
                                    }
                                    Row{
                                        anchors.bottom: parent.bottom
                                        Image{
                                            source: "qrc:/qt/qml/Gallery/res/image/components/map/ico_phone.png"
                                            anchors.verticalCenter: parent.verticalCenter
                                        }

                                        Label{
                                            anchors.verticalCenter: parent.verticalCenter
                                            text: model.phone
                                            font.pointSize: 10
                                        }
                                    }
                                }
                                Column{
                                    anchors.right: parent.right
                                    anchors.top: parent.top
                                    Rectangle{
                                        width: 97
                                        height: 26
                                        color: Qt.rgba(255/255,255/255,255/255, 0.05)
                                        anchors.right: parent.right
                                        radius: 5
                                        Image{
                                            source: "qrc:/qt/qml/Gallery/res/image/components/map/ico_add_lay.png"
                                            anchors.verticalCenter: parent.verticalCenter
                                            anchors.left: parent.left
                                            anchors.leftMargin: 5
                                        }
                                        Label{
                                            text: "添加到图层"
                                            anchors.left: parent.left
                                            anchors.leftMargin: 24
                                            anchors.top: parent.top
                                            anchors.topMargin: 3
                                            color: "#77ED8B"
                                        }
                                        MouseArea{
                                            anchors.fill: parent
                                            hoverEnabled: true
                                            onEntered: {
                                                parent.color = Qt.rgba(255/255,255/255,255/255, 0.15)
                                            }
                                            onExited: {
                                                parent.color = Qt.rgba(255/255,255/255,255/255, 0.05)
                                            }
                                            onClicked: {
                                                console.log("open")
                                            }
                                        }
                                    }

                                    Row{
                                        anchors.top: parent.top
                                        anchors.topMargin: 35
                                        anchors.right: parent.right
                                        spacing: 10
                                        Label{
                                            text: "1.6km"
                                            color: Qt.rgba(1, 1, 1, 0.6)
                                            anchors.verticalCenter: parent.verticalCenter
                                        }

                                        Rectangle{
                                            width: 97
                                            height: 26
                                            radius: 5
                                            gradient: Gradient {
                                                orientation: Gradient.Horizontal
                                                GradientStop { position: 0.0; color: "#77ED8B" }
                                                GradientStop { position: 1.0; color: "#22C55E" }
                                            }
                                            Row{
                                                anchors.centerIn: parent
                                                Label{
                                                    text: "导航"
                                                    color: "#2a2a2a"
                                                }
                                                Image{
                                                    source: "qrc:/qt/qml/Gallery/res/image/components/map/ico_nav.png"
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                    }


                }
            }
        }
    }
}